Comment améliorer les performances de votre site web ?

L’optimisation d’un site web est dans de nombreux cas étroitement liée à l’application elle-même. Cependant, il y a quelques problèmes qui peuvent affecter la plupart des sites web, que ce soit WordPress, Joomla! 3.x, Drupal, etc. Vous trouverez plus de détails sur ces problèmes courants et sur la manière de les résoudre dans l’article ci-dessous.

Tirer parti de la mise en cache du navigateur

La mise en cache du navigateur mémorise les ressources que le navigateur a déjà chargées. Lorsqu’un visiteur se rend sur une autre page de votre site web, et que la nouvelle page utilise les mêmes ressources que les pages précédemment visitées (par exemple votre logo, vos fichiers CSS, etc.), celles-ci n’ont pas besoin d’être chargées à nouveau.

Cela signifie que le navigateur n’établira pas de nouvelle connexion pour récupérer ces ressources, mais les chargera à la place depuis son cache local. C’est parce que le navigateur les a déjà mémorisés et enregistrés. C’est très utile pour accélérer un site web, car lorsque vous utilisez la mise en cache du navigateur, les fichiers de mise en cache nécessaires seront stockés localement.

La mise en cache du navigateur est activée par défaut sur tous nos serveurs.

Compression Brotli/gZIP

Brotli et gZIP réduisent la taille des données transférées entre votre serveur et vos visiteurs en compressant les images, les fichiers CSS et JavaScript. Lorsque le navigateur de vos visiteurs reçoit les éléments compressés, il les décompresse avant de les afficher. Cela réduit considérablement la taille des informations transférées, réduisant ainsi les temps de chargement des pages de votre site web.

Brotli et gZIP sont activés par défaut pour tous les sites web sur nos serveurs.

Utiliser la dernière version de PHP disponible

Les versions les plus récentes de PHP offrent généralement de nombreuses améliorations de performances et il est donc recommandé de toujours utiliser la version la plus récente de PHP pour votre site web. Vous pouvez facilement basculer entre les versions de PHP depuis votre Site Tools -> Développeurs -> Gestionnaire PHP.

Une image réduite est une image qui a été réduite pour correspondre à la taille dans laquelle elle est affichée. Évitez d’utiliser des images avec des dimensions supérieures à celles dont vous avez besoin. Ceci n’est pas efficace car le navigateur doit télécharger la grande image puis la mettre à l’échelle à la taille nécessaire. Par exemple, si vous avez une image qui est affichée 40×40 sur votre site web, il n’est pas nécessaire de conserver le fichier physique aux dimensions 400×400. Assurez -vous que le fichier est redimensionné à la dimension qui serait affichée.

Différer l’analyse de JavaScript

Cela signifie que vos fichiers JavaScript doivent être déplacés de la partie HEAD du code HTML vers le bas, juste avant la balise HTML de fermeture. En faisant ainsi, vous autorisez le chargement de tous les autres contenus avant que les fichiers JS ne soient exécutés dans le navigateur, ce qui rend votre site web plus rapide.

Réduire les fichiers CSS et JS

Réduire vos fichiers CSS et JavaScript signifie que toutes les données inutiles qu’ils contiennent comme les doubles espaces, les nouvelles lignes vides, les commentaires, etc. seront supprimées des fichiers, réduisant ainsi leur taille. Cela réduit la quantité de données à transférer vers les navigateurs des visiteurs et accélère ainsi le chargement du site web.

Pour WordPress, vous pouvez utiliser le plugin SiteGround Optimizer pour activer facilement la réduction automatique des éléments CSS et JS.

Utiliser le réseau de diffusion de contenu (CDN)

Charger votre contenu via un CDN réduirait à la fois la charge sur le serveur et le temps de chargement du site. Les réseaux de diffusion de contenu (CDN) sont des réseaux de serveurs qui clonent votre site sur tous leurs nœuds de localisation. Cela signifie que lorsque vos visiteurs demandent votre site, ils seront servis par l’emplacement de serveur le plus proche, plutôt que par l’emplacement de votre serveur. Nous avons développé un service CDN interne pour nos clients et l’activer sur votre site web est un processus assez simple – il vous suffit de l’activer via votre Site Tools . Nous avons également un article sur la façon d’activer le CDN ici

Éviter les chaînes de redirection

Une chaîne de redirection se produit lorsqu’il y a plus d’une redirection entre l’URL initiale et l’URL de destination. Avoir plus d’une redirection entre elles ralentirait en plus le site web avec le temps d’attente des redirections.

Dans la plupart des cas, de telles chaînes de redirection se produisent lorsqu’il y a une redirection du domaine non-www vers le domaine www ( non-HTTPS ), puis une autre redirection du domaine non-HTTPS www vers HTTPS et www . La meilleure chose à faire ici est de les combiner et de créer une seule redirection du domaine non-HTTPS non-www ( http://domain.com ) vers le domaine HTTPS www ( https://www.domain.com ).

Éviter les erreurs HTTP

Si la page de votre site web affiche une URL qui génère 403, 404, 500, 502 ou une autre erreur HTTP, qui peut ralentir considérablement les performances globales du site web. Votre site web essaiera de charger la ressource défaillante pendant un certain temps jusqu’à ce qu’une réponse soit finalement reçue. Vous pouvez vérifier la présence de tels liens sur votre site web en utilisant l’onglet Réseau de la console de votre navigateur préféré ou en utilisant un outil de test de vitesse en ligne. Par exemple, avec GTmetrix vous pouvez consulter ces ressources dans l’onglet Cascade et dans Pingdom) dans la section Codes de réponse.

Éviter les grandes pages d’accueil

Une page d’accueil volumineuse peut avoir un impact considérable sur la vitesse de chargement de votre site web. Assurez-vous donc de ne conserver que les ressources nécessaires sur la page et, comme mentionné ci-dessus, d’utiliser des images bien optimisées et mises à l’échelle. Une autre astuce pour garder la page optimisée est d’intégrer des vidéos d’une source externe (par exemple YouTube) au lieu de les envoyer sur votre site web.