Optimiser un site Web : les points à améliorer

L’une des missions les plus importantes d’un administrateur de site Internet est de rendre la navigation des visiteurs la plus confortable possible. Le temps de chargement de la page d’accueil est déjà décisif : des chargements trop longs font perdre un grand nombre de visiteurs. C’est un sujet qui a pris encore plus d’importance avec l’augmentation du trafic mobile. Si vous gardez la performance de votre site Web à l’esprit et que vous l’améliorez régulièrement, vous constaterez rapidement que vos visiteurs passent plus de temps sur votre site et le quittent moins rapidement. Au contraire, ils ouvriront un plus grand nombre de pages. Un autre effet positif d’une telle accélération des temps de chargement est l’amélioration de votre référencement Web par les moteurs de recherche.

En premier lieu, vous devriez vous demander si votre solution d’hébergement Web actuelle répond aux exigences de votre projet Web. De nombreux administrateurs de site souhaitent faire des économies sur la performance et la capacité de leur serveur, et optent ainsi pour des offres bon marché. Si vous recevez un grand nombre de demandes d’utilisateurs, vous ne disposerez pas de la bande passante suffisante et cela aura des effets négatifs à un moment décisif pour votre activité. Ces solutions d’hébergement bon marché, où différents acteurs se partagent les ressources d’un serveur, montrent leurs limites en matière de capacités lors de pics de visites ou de fortes croissances d’activité des sites hébergés. Une autre erreur typique est d’héberger votre site Web sur un serveur à l’étranger, même si les offres sont parfois limitées sur un marché national. Si votre site est hébergé depuis un serveur à l’étranger, cela augmente le temps de chargement pour vos visiteurs.

Voici ce que vous pouvez faire :

• recourir à des solutions d’hébergement flexibles aux capacités illimitées
• louer un serveur se trouvant là où se situent la plupart de vos visiteurs
• utiliser un réseau de diffusion de contenu (CDN pour Content Delivery Network en anglais) si vous vous adressez à une cible internationale
• prendre vous-même l’hébergement en charge et l’harmoniser parfaitement avec votre projet

Les contenus multimédias sont des éléments importants d’un bon site Web. Parallèlement au design et à la mise en page, les images servent à illustrer vos propos dans vos contenus. Il est fortement conseillé, notamment en e-commerce, de présenter vos produits avec des photos de qualité. Pourtant, chaque image ou photo ajoutée augmente le temps de chargement de votre site Web, notamment lorsque ces dernières ne sont pas sauvegardées sur votre propre serveur, mais sur un serveur étranger. Cela vaut aussi pour d’autres fichiers médias comme des musiques, vidéos ou des PDF.

Voilà ce que vous pouvez faire :

• limiter autant que possible de charger des éléments de pages externes
• É viter les images et vidéos redondantes
• Compresser les images à l’aide d’outils
• Stocker des images sur un serveur externe
• Indiquer la largeur et la hauteur des images (autrement, le navigateur les définit par défaut)
• Utiliser des icônes SVG  (graphiques vectoriels échelonnables)
• Utiliser le plugin de jQuery Lazy Load permettant de retarder le chargement d’images au moment où elles sont affichées à l‘écran (apparition après scrolling)
• Utiliser le format d’image performant WebP

Un problème de nombreux sites lents est le renoncement à des mécanismes de cache. Une mémoire tampon bien organisée contribue à l’optimisation d’un site Web, et nécessite peu d’investissement. Les contenus enregistrés dans une telle mémoire intermédiaire ne doivent pas être chargés depuis le serveur à chaque requête utilisateur, ce qui augmente la rapidité d’un site. Cela permet de réduire sensiblement la charge sur le serveur Web, qui doit en conséquence traiter beaucoup moins de demandes. Vous pouvez donc définir des caches pour tous les éléments statiques comme des fichiers JavaScript et CSS, ou encore des images ou documents et choisir combien de temps ils resteront dans la mémoire tampon.

Voici les différentes options possibles :

• utiliser le navigateur des visiteurs comme cache (cache de navigateur) : Il s’agit par exemple avec un serveur Web Apache du module « mod_expires », permettant de définir combien de temps les fichiers correspondants doivent rester dans le cache. Le navigateur de l’utilisateur se charge du reste.
• Configurer un serveur Proxy inverse en tant que cache ou se rattacher à un réseau de diffusion de contenu (CDN) pour avoir accès à un réseau entier dans le monde entier. 
• utiliser un logiciel de caches comme memcached pour déposer provisoirement des contenus dynamiques dans la mémoire vive et minimiser les accès à la base de données.

En dehors de ces grandes étapes pour améliorer la performance de votre projet en ligne, il y a de nombreuses autres petites mesures permettant de réduire les temps de chargement d’un site Internet, comme par exemple :  

• réduire au minimum les redirections
• Indiquer l’encodage de caractères dans le document HTML
• supprimer régulièrement les contenus erronés
• éviter l’utilisation excessive de plugins dans le CMS
• limiter les informations récoltées dans les cookies
• utiliser des favicons (car les navigateurs fouillent toujours les serveurs Web à la recherche du fichier favicon.ico)
• Activer le HTTP/2.

Si jusqu’ici vous n’avez pas pris de mesures pour augmenter la rapidité de votre site Web, vous devriez commencer sans tarder. Dans une étude réalisée en 2017, Google a constaté que la probabilité qu’un utilisateur quitte un site Web mobile augmente de 123 % lorsque le temps de chargement atteint 10 secondes. Même à 5 secondes, la probabilité est supérieure de 90 % à la normale. Il convient donc d’accorder une grande importance au facteur vitesse de son site.

Si vous ne souhaitez pas perdre d’intéressés ou de clients potentiels lors du chargement de votre page d’accueil, il faut optimiser votre site et ne pas délaisser l’optimisation pour mobiles.