Comment diagnostiquer le temps de chargement d’un site internet ?

Pourquoi diagnostiquer le temps de chargement d'un site internet ?

L’optimisation du temps de chargement de votre site internet apporte des avantages sur deux principaux points : SEO et SXO. Avec une bonne vitesse, votre page a donc toutes les chances d’être mieux indexée par le moteur de recherche Google.

En SEO et SXO, vous devez savoir que Google, avec les Web Core Vitals, mesure le temps de réactivité des sites internet. Les sites qui se chargent rapidement sont considérés comme plus performants et gagnent donc des rangs dans les résultats du moteur de recherche. L’objectif est de proposer des résultats pertinents. Les sites capables de répondre parfaitement au besoin de l’internaute, que ce soit en termes de qualité de contenu ou d’expérience utilisateur (UX), obtiennent généralement un avis favorable des crawlers.

Outre le SEO et le SXO, l’amélioration du temps de chargement des sites réduit également l’impact écologique de la navigation. Plus un site mettra de temps à s’afficher, plus la consommation en énergie du serveur, de l’ordinateur ou de l’appareil mobile est importante. Les développeurs et les webmasters ont donc tout intérêt à bien diagnostiquer la vitesse de chargement des sites.

 

1. Autoriser la mise en cache des ressources

Pour améliorer la vitesse de chargement d’un site et gagner en performance, il est important de réduire le nombre d’éléments à charger. L’astuce consiste à autoriser la mise en cache des ressources. En effet, cela va permettre au navigateur d’enregistrer certains éléments et éviter de les charger à nouveau lors de la prochaine navigation de l’internaute. Cette méthode a pour objectif de fluidifier la navigation et d’accélérer le temps de chargement du site. Un nouveau chargement sera beaucoup plus léger puisque certaines requêtes sont déjà enregistrées dans le navigateur.

Pour expliquer de manière simple le cache, prenons le cas d’un internaute qui va se rendre sur un site qu’il a déjà consulté. Comme piocher dans un serveur par le biais d’internet prend plus de temps que récupérer un fichier dans son disque dur local, plus la page visitée sera chargée, plus cela prendra du temps à la charger. Avec le cache, les éléments qui ne changent pas comme le logo du site et bien d’autres éléments encore peuvent être enregistrés dans le navigateur. Aussi, à la prochaine navigation, il n’est pas nécessaire de les prendre une nouvelle fois dans le serveur. Et ce gain de bande passante accélère forcément le temps de chargement.

2. Adaptation des images pour le web

La taille des fichiers média compte beaucoup pour la vitesse de chargement d’une page. Aussi, pour ne pas alourdir votre site, assurez-vous que les images utilisées sont adaptées pour le web. Aujourd’hui, avec les appareils photographiques capables de produire des images haute résolution et qui pèsent plusieurs mégaoctets, on est parfois tenté d’utiliser ces images brutes sur nos sites internet. Or, ce n’est jamais une bonne idée.

Voici quelques conseils pour améliorer la performance web de votre site avec les images adéquates :

• Éviter les images haute résolution
• Choisir le format réduit
• Compresser les images
• Opter pour les fichiers .JPEG
• Ne jamais redimensionner une image sur un navigateur

Notez que les traitements évoqués ci-dessus sont à effectuer bien avant de placer les images dans le dossier dédié sur le serveur. La règle d’or est la compression de toutes les images destinées à servir dans le site.

3. Autoriser la compression GZIP

Un fichier compressé est plus léger qu’un fichier décompressé. La compression GZIP est une application de compression et de décompression. En autorisant ce programme, vos codes HTML, JavaScript et CSS peuvent être chargés dans un format compressé, et seront donc bien plus légers.  La conséquence est bien évidemment une accélération de la vitesse de chargement des pages. Généralement, le navigateur web vérifie automatiquement à chaque visite si la compression GZIP est disponible. Si c’est le cas, il charge les fichiers compressés. Dans le cas contraire, ce seront vos codes volumineux qu’il récupère.

Pour vérifier que GZIP est bien actif sur votre site, vous pouvez effectuer un test sur Gziptest.com. Pour l’activation de GZIP, plusieurs méthodes sont accessibles selon le serveur qui héberge le site. À noter que depuis le temps, d’autres alternatives à GZIP sont aussi disponibles pour compresser les fichiers JS, CSS ou HTML.

4. Minimisation des fichiers JavaScript, HTML ou CSS

Il existe mille façons de coder un site web pour offrir le même résultat. Chaque développeur a sa technique pour rédiger ses codes JavaScript, CSS et HTML. Néanmoins, la taille des fichiers est différente selon la manière de coder.

Un site qui se charge rapidement est généralement conçu avec des codes légers. Pour augmenter la vitesse de chargement de vos pages, il est donc impératif de passer en revue vos codes pour que les fichiers finaux ne soient pas trop lourds. Choisissez par exemple la meilleure manière de présenter les commentaires dans votre code et utilisez des algorithmes plus courts et plus efficaces.

Sachez que lorsque vous utilisez des CMS, des fichiers JS et CSS supplémentaires sont ajoutés virtuellement pour chaque plugin installé. Vous risquez fort d’avoir un site composé par plusieurs scripts, ce qui va beaucoup l’alourdir. La solution consiste à réunir tous ces fichiers dans un seul. Vous pouvez également supprimer les blancs dans le code pour réduire la taille du fichier.

5. Utiliser un CDN

La technologie Content Delivery Network ou CDN permet d’héberger des contenus dans un vaste réseau d’ordinateurs localisés un peu partout dans le monde. Avec cette technologie, c’est environ 60 % de bande passante libérée.  Elle offre également une meilleure protection contre les attaques DDoS et vous permet d’éviter les saturations du réseau.

Avec le CDN, les internautes accèdent aux données dans le réseau le plus proche d’eux géographiquement. Ainsi, le temps de chargement reste toujours optimal, quel que soit l’endroit où l’internaute navigue sur votre site.  C’est la technologie adaptée pour un site de grande envergure.

Le Content Deliver Network est accessible auprès de la majorité des hébergeurs de sites.

6. Prioriser le contenu en haut de page web

Dans un souci de limiter le temps d’attente de l’internaute, il est plus judicieux de proposer un contenu en haut de page immédiatement accessible. Ce contenu peut être lu en attendant que le reste de la page se charge. Votre site connaîtra un taux de rebond moindre avec cette méthode.

Voilà globalement les différents points pour accélérer la vitesse de chargement d’un site internet et améliorer sa performance web.

5 outils pour mesurer la vitesse de chargement d'une page

Pour être certain qu’un site possède une vitesse de chargement convenable pour le référencement, vous pouvez le tester. Sur mobile ou avec un ordinateur, vous disposez de plusieurs outils pour mesurer le temps de chargement de votre site internet. La grande majorité de ces outils sont accessibles gratuitement.

Voici donc les 5 moyens les plus pratiques et les plus utilisés pour évaluer la vitesse d’une page :

Google PageSpeed Insights

Quoi de mieux qu’un outil proposé par Google pour référencer un site sur le moteur de recherche le plus utilisé au monde. Google PageSpeed Insights est un programme gratuit qui vous permet de mesurer la vitesse de chargement de votre site. Il est accessible à la fois sur mobile et sur ordinateur. L’analyse du temps de chargement ne prend que quelques secondes avec cet outil.

En plus d’attribuer un score au temps de chargement du site internet, le rapport délivré par Google PageSpeed Insights affiche également les différentes actions à faire pour améliorer la vitesse de chargement.

BatchSpeed

BatchSpeed est un outil pour tester la vitesse des pages par lots. Il s’agit d’un outil de référencement basé sur Google Page Speed Checker. C’est le programme qu’il vous faut pour connaître le score de votre site et ceux de vos concurrents. Pour utiliser ce programme en ligne, vous devez comprendre l’anglais puisque l’outil n’est pas disponible en français.

BatchSpeed est accessible gratuitement pour tester le temps de chargement de 500 URL. Au-delà de 500, l’outil devient payant. Il est accessible autant sur mobile que sur ordinateur.

Test My Site de Google

Si vous ne vous intéressez qu’au temps de chargement d’un site sur mobile, Google propose Test My Site. Cet outil est facile à prendre en main et donne accès à la fois aux problèmes et aux points forts d’un site par rapport à son chargement sur mobile.

Rappelons que la performance des sites sur mobile est essentielle pour le référencement. C’est notamment le cas depuis que les smartphones et les tablettes sont devenus les technologies les plus utilisées pour naviguer en ligne.

Il vous suffit de fournir une adresse email pour recevoir le rapport complet de Test My Site de Google. À noter qu’il est quasi impossible d’obtenir un score parfait avec Test My Site.

GTMetrix

GTMetrix est un outil très simple. D’ailleurs, il a été développé spécialement dans le but d’offrir aux débutants un moyen de tester le temps de chargement des sites. GTMetrix utilise PageSpeed Insights et YSlow pour évaluer les sites. Il fournit un rapport complet, simple à comprendre. Les données plus complexes se trouvent en bas de page, alors que celles faciles à lire se trouvent en haut de page. Les informations présentées au début du rapport sont en effet un récapitulatif des résultats de l’analyse.

Comme les précédents, cet outil est également gratuit. Avec un compte gratuit, vous avez la possibilité d’enregistrer les 20 derniers tests et les comparer.

Dare Boost

Parmi les outils les plus complets se trouve Dare Boost. Ce service permet, outre le test de la vitesse de chargement, d’analyser la performance d’un site internet (SEO, niveau de sécurité, etc.). Comme c’est un outil haut de gamme, il est payant. Néanmoins, Dare Boost vous donne accès à 5 tests de vitesse de chargement gratuits par mois.

Le rapport de cet outil traite des points suivants :

• Sécurité
• Nombre de requêtes
• SEO
• Rendu du navigateur
• Politique de mise en cache
• Accessibilité
• Conformité
• jQuery
• Quantité de données
• Qualité

Voilà les nombreux outils que vous trouverez en ligne pour mesurer le temps de chargement de vos sites internet. La plupart sont gratuits et sont très simples à utiliser. Si vous cherchez des services plus poussés, vous pouvez recourir à des outils payants.

Enfin, il est plus indiqué de faire plusieurs tests de la vitesse de chargement d’une page. Assurez-vous également de mettre en cache le contenu avant de lancer le test. Le rapport vous indiquera certainement que votre site est lent si vous avez oublié de mettre en cache les différents éléments de vos pages.

Diagnostiquer le temps de chargement d'un site internet : ce qu'il faut retenir

Pour offrir une meilleure expérience utilisateur et gagner des positions dans les SERP, le temps de chargement de votre site est déterminant :

• Autoriser la mise en cache des ressources
• Compresser les images
• Compresser les fichiers JavaScript, CSS et HTML
• Héberger sur un Content Delivery Network
• Mettre en place un contenu en haut de page
• Mesurer la vitesse de chargement avec des outils en ligne
• Effectuez plusieurs tests pour avoir une meilleure idée de la vitesse de chargement du site internet