• 8 conseils pour amĂ©liorer la performance d’un site internet •

 

Un site internet doit apparaĂ®tre rapidement Ă  l’Ă©cran de tout internaute. Cela peut paraĂ®tre Ă©vident mais beaucoup de plateformes numĂ©riques, de nos jours, prĂ©sentent une dĂ©ficience patente au niveau du temps de chargement. Cela peut paraĂ®tre d’autant plus Ă©tonnant qu’il existe aujourd’hui des solutions libres de droit permettant de vĂ©rifier la performance d’un site internet, telles que GTmetrix et Dareboost.

Le temps de chargement est un Ă©lĂ©ment capital dans la rĂ©ussite globale d’une plateforme numĂ©rique : sites marchands, blogs, forums, etc. Et ceci Ă  bien des Ă©gards. Les internautes, tout comme les tĂ©lĂ©spectateurs, ont un comportement de zappeur. Et un site internet qui n’apparaĂ®t pas rapidement Ă  l’Ă©cran, c’est comme un film auquel on n’accroche pas d’emblĂ©e : on passe instantanĂ©ment Ă  autre chose.

En matière de numĂ©rique, on estime que la moyenne du temps de chargement d’un site internet sur la toile est de 6,1 secondes. C’est un chiffre qui veut tout et rien dire en sachant qu’il existe environ 1 milliard de sites internet, parmi lesquels 200 millions seraient de vrais sites internet (et pas uniquement des noms de domaine).

6,1 secondes est une moyenne. Ce chiffre ne devrait en aucun cas constituer un objectif de performance. Car aujourd’hui, les internautes attendent d’un site internet qu’il se charge en moins de 3 secondes. Au delĂ  de 3 secondes, 40% des internautes quittent la page.

La performance d’un site internet a Ă©galement son importance en termes de rĂ©fĂ©rencement naturel (SEO). Google donne en effet la prioritĂ© aux sites web qui prĂ©sentent les meilleures performances en termes de temps de chargement. Ce n’est bien Ă©videmment pas le seul critère de rĂ©fĂ©rence en termes de SEO. Mais c’est un critère très important.


Lire Ă  ce sujet l’article > RĂ©fĂ©rencement naturel : 43 conseils et critères SEO expliquĂ©s en une seule phrase


Enfin, et pour des raisons Ă©videntes, un site performant affichera des niveaux de taux de conversion Ă©galement plus performants. L’impact sur les ventes est donc très important.

.

Vous avez un site qui rame ? Voici 8 conseils pour améliorer la performance de votre plateforme numérique.

.

1. Sélectionner dès le départ la technologie adéquate

.

De mĂŞme qu’il existe des technologies dites “SEO friendly”, il existe des technologies plus ou moins adaptĂ©es Ă  la cĂ©lĂ©ritĂ© qu’un site internet se doit d’avoir. On peut partir aujourd’hui du principe que les CMS de rĂ©fĂ©rence sont “Perfomance friendly”, mĂŞme si ce n’est pas un critère suffisant, comme expliquĂ© ci-après dans cet article. Certains sites internet utilisant des CMS de qualitĂ© rament en effet sĂ©rieusement.

Mais nous pouvons partir du principe que l’utilisation de CMS de rĂ©fĂ©rence prĂ©sente un bon postulat pour bâtir une plateforme numĂ©rique performante, techniquement parlant :

> WordPress

> Joomla!

> Drupal

> Magento

> Prestashop

> Shopify

.

Les technologies de rĂ©fĂ©rence utilisĂ©es par les dĂ©veloppeurs web sont Ă©galement parfaitement adaptĂ©es (Ruby on rails, Symfony, etc). Le niveau de performance obtenu dĂ©pendra alors principalement de la qualitĂ© du travail des dĂ©veloppeurs web responsables du projet – mais Ă©galement des objectifs des organisations portant le projet. 

Le temps de chargement d’un site internet est en effet une prioritĂ© parmi bien d’autres pour une sociĂ©tĂ© : prĂ©sentation rĂ©ussie des nouveautĂ©s produits, animations de vente rĂ©ussies dont la vocation est d’augmenter au maximum le taux de conversion et les ventes, icĂ´nes des rĂ©seaux sociaux bien visibles pour augmenter drastiquement le nombre de followers, apparition de pop-ups et formulaires de contact pour dĂ©multiplier la rĂ©colte des emails en vue de prochaines campagnes d’eNewsletters, etc.

.

Concernant les bases de donnĂ©es d’un site internet, elles sont très importantes car elles servent Ă  stocker des donnĂ©es telles que les commentaires sur un blog ou les anciennes versions d’articles, entre autres. Il est très important d’administrer comme il faut la base de donnĂ©es d’un site web. 

Un outil tel que phpMyAdmin permet d’ordonner correctement toutes les tables qui composent une base de donnĂ©es. Si votre site internet est propulsĂ© par le CMS WordPress, vous pouvez utiliser le plugin WP Optimize qui permet, comme son nom l’indique, d’optimiser une base de donnĂ©es WordPress.

.

Enfin, il est très important de vĂ©rifier si votre site internet est bien adaptĂ© Ă  l’ensemble des navigateurs, très nombreux sur le marchĂ© : Google Chrome, Mozilla FireFox, Internet Explorer, Safari, Opera. Il existe des solutions technologiques qui vous permettront de vous mettre Ă  la place des internautes, en fonction des navigateurs qu’ils utilisent, c’est-Ă -dire de tester votre site internet sur chaque type de navigateur pour voir le rĂ©sultat Ă  l’Ă©cran.

Si vous rĂ©alisez ce type de tests, il est très important de vĂ©rifier l’anciennetĂ© et la version du navigateur utilisĂ©. En fonction des mises Ă  jour, le rĂ©sultat Ă  l’Ă©cran peut ĂŞtre vraiment très diffĂ©rent.

.

2. Bien gérer les fichiers du CMS, du template, des plugins et des widgets

.

Un site internet est un ensemble de fichiers. Tous les fichiers doivent être parfaitement corrélés pour assurer un niveau de performance optimal du site.

Si vous utilisez par exemple un CMS tel que WordPress, celui-ci pourra reposer sur les fondations suivantes :

> Les fichiers WordPress, c’est-Ă -dire le socle du site (si possible avec la toute dernière mise Ă  jour).

> Les fichiers du template du site internet, c’est-Ă -dire les fichiers qui dĂ©terminent le dĂ©sign gĂ©nĂ©ral du site, celui-ci pouvant ĂŞtre conçu soit par l’Ă©quipe WordPress (la sociĂ©tĂ© Automattic) soit par une Ă©quipe de dĂ©veloppeurs externes Ă  WordPress.

> Les plugins, c’est-Ă -dire l’ensemble des fichiers supplĂ©mentaires devant ajouter au site une sĂ©rie de modules et de fonctions (WooCommerce, par exemple, si vous souhaitez transformer votre site internet WordPress en un site eCommerce).

> Tout fichier ou module supplémentaire créé par un développeur ou une équipe de développeurs web qui, soit modifieront des fichiers existants, soit ajouteront de nouveaux fichiers.

Le tout doit ĂŞtre cohĂ©rent et contribuer Ă  la performance du site internet. Si vous utilisez WordPress pour votre site internet, un plugin permet de tester et vĂ©rifier l’influence sur la performance que chacun des plugins utilisĂ©s peut avoir sur votre site internet : P3 (Plugin Performance Profile).

.

Le plugin WordPress P3,

idéal pour vérifier la contribution

Ă  la performance

de tout plugin WordPress

p3

.

Une fois installĂ©, le plugin vous permet d’analyser en quelques clics quels sont les plugins qui nuisent Ă  la performance de votre site internet.

.

3. Ordonner le CSS et les fichiers du site 

.

Le CSS est ce qui permet, sur un site internet, d’apporter des modifications au webdesign. De façon gĂ©nĂ©rale, et idĂ©alement, il faut ordonner les fichiers en fonction de l’ordre d’apparition qu’un site internet se doit d’avoir.

Le plus important, c’est qu’un site internet apparaisse rapidement Ă  l’Ă©cran. Certains Ă©lĂ©ments de design peuvent tout Ă  fait apparaĂ®tre après. Cette structuration permet d’implĂ©menter des Ă©tapes logiques grâce auxquelles chacun des Ă©lĂ©ments d’un site internet se mettent en place harmonieusement, logiquement et efficacement.

L’un des moyens de vĂ©rifier ces diffĂ©rentes Ă©tapes est d’utiliser les modules “Timeline” de GTmetrix ou Dareboost qui permettent d’analyser prĂ©cisĂ©ment ce qui se passe exactement sur votre site internet, au millième de seconde près, fichier après fichier.

.

Un exemple d’une timeline Dareboost

timeline

.

Ces outils sont très utiles dans le cas de gros problèmes de lourdeurs sur certains sites internet car ils permettent de voir exactement oĂą se situe le problème lors du chargement du site. Une fois le ou les fichiers qui posent problème dĂ©tectĂ©s, il suffit alors de les rĂ©ordonner comme il faut, en plaçant par exemple les fichiers qui impactent nĂ©gativement la performance du site Ă  la fin plutĂ´t qu’au dĂ©but. 

C’est une hypothèse de travail parmi d’autres. Le problème peut aussi provenir d’un module trop lourd qu’il faut simplement remplacer par un autre, certains Ă©lĂ©ments en Javascript peuvent prĂ©senter un frein Ă  la cĂ©lĂ©ritĂ© du site, un plugin installĂ© pour les rĂ©seaux sociaux peut alourdir l’ensemble, etc.

Il faudra prioriser.

.

4. Gérer correctement les images, les vidéos, les icônes des réseaux sociaux, les bannières

.

La taille des images joue un rĂ´le très important dans le temps de chargement d’une page web ou d’un article. Si vous utilisez un site propulsĂ© par WordPress, il existe de nombreux plugins permettant d’optimiser les images de votre site internet. Citons par exemple :

> Smush.it

> WP Smush

> EWW Image Optimizer

> WP Smush

.

Concernant les images, il faudrait idĂ©alement ne pas surcharger une page web avec trop d’illustrations, infographies, contenus marketing, etc. Sachez par exemple que si les commentaires sont nombreux sur un article de votre blog, chaque avatar ou image d’une personne laissant un commentaire sera un fichier supplĂ©mentaire que votre site internet devra prendre en charge.

Vous pouvez ainsi prendre la dĂ©cision, pour allĂ©ger votre site internet, de paramĂ©trer les commentaires des articles sans avatar ni image. C’est par exemple le choix pour lequel a optĂ© Neil Patel sur ses blogs de webmarketing, neilpatel.com et quicksprout.com, dont les articles reçoivent parfois des dizaines et des dizaines de commentaires.

.

Si vous souhaitez, pour une raison ou une autre, avoir de nombreuses photos sur une page web, vous pouvez utiliser le plugin Lazy Load qui permet de faire apparaĂ®tre des images uniquement lorsque leur apparition est nĂ©cessaire lors de la navigation des internautes (les images sont alors tĂ©lĂ©chargĂ©es uniquement lorsque c’est nĂ©cessaire).

.

Enfin, concernant les images, privilégiez les formats JPG, PNG et GIF.

.

En termes de content marketing, l’utilisation des vidĂ©os est très Ă  la mode. Une technique simple consiste Ă  utiliser la fonction “embed” disponible sur la plupart des rĂ©seaux sociaux, très pratique pour Ă  la fois intĂ©grer des vidĂ©os mais aussi des images, des posts ou des tweets.

.

Ici un exemple d’intĂ©gration (ou “embed”) avec un tweet 

embed

.

Cependant, l’ajout de trop nombreuses vidĂ©os sur une mĂŞme page web peut nuire Ă  la performance technique de celle-ci. Pour pallier le problème, une solution consiste non pas Ă  intĂ©grer un ensemble de vidĂ©os sur une page mais Ă  crĂ©er des liens hypertextes pointant vers une plateforme dĂ©diĂ©e, telle que Vimeo par exemple.

.

MĂŞme si ça n’en a pas l’air, les boutons des rĂ©seaux sociaux sont une question très stratĂ©gique sur un site internet. Car ils sont souvent paramĂ©trĂ©s avec du Javascript. Cela peut nuire Ă  la performance du site. Il faudra choisir entre privilĂ©gier :

> une stratégie social media

> ou une stratégie SEO.

Mais on peut dire que ces critères, mĂŞme s’ils entreront en compte dans la pondĂ©ration finale du classement Google, restent tout de mĂŞme secondaire dans le rĂ©sultat final de la performance d’un site internet.

.

Sur le même principe, trop de bannières seront nuisibles à la performance du site. Il faudra choisir entre solutions de monétisation et optimisation de référencement naturel (SEO).

.

5. Choisir un bon hébergement web

.

La qualitĂ© de l’hĂ©bergement web est, pour des raisons Ă©videntes, un facteur clĂ© de succès de la performance d’un site internet. On peut partir du principe que vous prendrez peu de risques en utilisant les hĂ©bergeurs de rĂ©fĂ©rence sur le marchĂ©. Citons par exemple :

> HostGator

> Bluehost

> OVH

S’il s’avĂ©rait que votre site internet souffre tout de mĂŞme de quelque dĂ©ficience au niveau de la performance, vous pouvez opter pour un serveur dĂ©diĂ© ou un VPS auprès de cet hĂ©bergeur. Quelque soit l’option choisie, les hĂ©bergeurs de rĂ©fĂ©rence disposent d’Ă©quipes après-vente très efficaces qui rĂ©pondent gĂ©nĂ©ralement dans la journĂ©e – en tout cas en 24h.

.

6. Mettre en place un CDN

.

Un site internet est basiquement composĂ© de fichiers. Ceux-ci sont dĂ©posĂ©s sur un serveur chez un hĂ©bergeur. Si le serveur de votre hĂ©bergeur se trouve loin de votre marchĂ© cible, il se peut que cela prenne un peu de temps avant qu’ils n’arrivent dans le navigateur des internautes qui reprĂ©sentent votre cĹ“ur de marchĂ©.

Prenons l’exemple d’un site internet hĂ©bergĂ©, techniquement parlant, chez HostGator Ă  Houston aux Etats-Unis mais dont le marchĂ©, d’un point de vue marketing, se trouve en Europe. Cela pourrait nuire Ă  la performance technique de votre site internet. Pour pallier le problème, vous pouvez utiliser ce qui s’appelle dans le jargon un CDN (Content Delivery Network).

Les fichiers seront alors stockés sur un serveur plus proche des internautes qui représentent votre cœur de marché.

.

7. Paramétrer correctement les plugins de mise en cache

.

Les navigateurs peuvent mettre en cache les informations d’un page web d’un site internet. Cela signifie concrètement que chaque page ne doit pas ĂŞtre systĂ©matiquement chargĂ©e Ă  chaque fois de zĂ©ro lors de la navigation d’un internaute.

Si vous utilisez un site WordPress, il existe des plugins WordPress très performants pour réaliser cette mise en cache. Citons par exemple W3 Total Cache et WP Super Cache.

.

8. Optimiser le poids du site internet

.

De façon générale, il est plus que recommandé de simplifier plutôt que de compléxifier.

Si votre site internet est propulsé par WordPress, il faudra judicieusement choisir vos plugins et vos widgets en fonction de vos priorités, de votre mix numérique et de votre marketing.

La liste des plugins WordPress est très longue. Une erreur fondamentale serait d’ajouter le plus de plugins possibles, ce qui aurait comme rĂ©sultat une plateforme numĂ©rique très difficile Ă  gĂ©rer. En tout cas avec un niveau de performance plus que dommageable.

.

Plus vous ajouterez des plugins et des widgets, plus vous ajouterez de la lourdeur.

C’est le principe du contenu et du contenant.

Plus vous ajouterez des modules, plus vous allez allourdir votre site internet.

.

Plus vous ajouterez des plugins, plus votre site internet ressemblera Ă  un poids lourd.

Mais si vous sélectionnez quelques technologies, et qui plus est les meilleures, votre site internet ressemblera à une voiture de Formule 1.

C’est très simple.

.


Vous savez maintenant comment optimiser la performance de votre site internet. Si vous n’ĂŞtes pas familier avec les informations fournies dans cet article, n’hĂ©sitez pas Ă  solliciter mes conseils en prenant contact avec moi.


.