Pour tous les sites web la vitesse est importante. C'est un fait. Mais pourquoi? Tout d'abord, la vitesse du site Web est un facteur SEO important dans l'algorithme de Google.

Les sites Web à chargement rapide peuvent s'attendre à se classer plus haut dans les SERP et à attirer plus de visiteurs. De plus, il y a toutes les considérations d'expérience utilisateur. Si un site se charge rapidement, les visiteurs sont plus susceptibles de rester, de lire votre contenu et, finalement, de convertir. En d'autres termes, un site Web ultra-rapide déverrouille toutes les portes qui mènent vers le succès.

Cependant, nous ne parlerons pas aujourd'hui de comment rendre votre site Web plus rapide. Nous sommes ici pour discuter d'un problème courant que les Webmasters rencontrent quotidiennement, à savoir l'exécution incorrecte d'un test de vitesse de site Web.

Vous ne pensez peut-être pas que ce soit un si gros problème… mais en réalité, c'est le cas, surtout lorsque vous essayez d'évaluer les améliorations. Un test de vitesse ce n'est pas seulement mettre une url dans un outil et attendre que celui-ci vous donne la solution.

Nous allons donc plonger dans la bonne façon d'exécuter un test de vitesse de site Web, et décrouvrir certains outils que vous pouvez utiliser pour mesurer de manière tangible la vitesse de votre site et suivre toute amélioration.

Avant d'exécuter un test de vitesse de site Web

Avant d'exécuter un test de vitesse, vous devez vérifier si les deux éléments suivants sont déjà configurés et en cours d'exécution sur votre site web :

• La mise en cache serveur ou coté site web (plugin de cache logiciel)
• Configuration du CDN (Content delivery network, bien sur si vous en avez un)

Si vous ne le savez pas, consultez votre développeur Web ou votre fournisseur d'hébergement. Et si vous lancez un tout nouveau site, assurez-vous de configurer ces éléments en premier, puis exécutez vos tests de vitesse.

Il ne sert à RIEN de lancer une série de tests de performance si la mise en cache n'est pas activée !

Comment exécuter correctement un test de vitesse de site Web

Maintenant que la mise en cache est configurée et qu'un CDN est activé (je l'espère), il est temps de se plonger dans la façon de tester correctement la vitesse de votre site web.

Il existe de nombreux outils différents que vous pouvez utiliser pour mesurer les performances de votre site. Pour cet exemple, nous allons utiliser Page speed, l'un des outils les plus populaires et les plus couramment utilisés : https://pagespeed.web.dev/

L'emplacement du test de vitesse compte

Presque tous les outils de test de vitesse vous permettent de choisir parmi différents serveurs de test dans le monde entier. L'idée est de simuler un nombre d'appel depuis ce serveur de test vers votre site web.

Mon conseil est de choisir les serveurs de test qui représentent l'origine géographique de vos audiences.

Normalement, si votre CDN est bien configuré et performant, le test devrait bien se passer. Mais il peut arriver que cela remette en cause votre paramétrage serveur ou la configuration de votre CDN.

Vous devez tester plusieurs fois

Nous n'irons pas trop loin dans la mise en cache dans cet article car cela dépend de votre architecture, mais rappelez-vous simplement que la mise en cache (à la fois de votre hébergeur et de votre CDN), est ce qui rend votre site web très rapide à charger.

Le gros problème est que de nombreux utilisateurs ont tendance à n'exécuter qu'une seule fois un test de vitesse. Souvent, dans ce cas, le contenu n'est pas encore mis en cache sur l'hôte ou le CDN, et il semble donc que le site soit en fait plus lent. Cela peut également se produire si vous venez de vider le cache de votre CMS ou le cache de CDN.

L'autre grossière erreur est de tester son site uniquement au lancement du site web. Pensez à tester à chaque déploiement afin d'avoir une vitesse constante et éviter les régressions.

Comment pouvez-vous savoir que votre contenu ou vos médias ne sont pas diffusés à partir du cache ?

C'est simple : chaque outil de test de vitesse indique le TTFB (Time to First Byte). Si entre deux tests cette variable change, c'est que la mise en cache n'était pas faite. Quel que soit le site web la différence devrait être visible d'au moins 50%.

C'est pourquoi il est essentiel que vous compreniez comment tester correctement la vitesse de votre site Web et ne pas vous arrêtez à un simple test. 

Meilleurs outils de test de performance de site Web en 2023

Il est maintenant temps de plonger dans tous les différents outils de test de vitesse de site Web que vous pouvez utiliser. 

Quel est le temps de chargement optimal que vous devriez viser ?
Eh bien, plus c'est rapide, mieux c'est, mais la plupart des experts suggèrent qu'environ deux secondes ou moins est un bon objectif. En fait cette limite des deux secondes vient de Google. 

N'oubliez pas non plus qu'il existe une différence entre la performance perçue et la performance réelle.

L'une des règles les plus importantes en matière de test de vitesse de site Web est de choisir un outil et de s'y tenir. Chacun a son propre ensemble de mesures différentes et, par conséquent, vous ne pouvez pas comparer directement les résultats de test d'un outil à un autre.

Il n'y a pas de bon ou de mauvais outil : vous devez simplement vous concentrer sur celui que vous préférez pour vous aider à apporter des améliorations.

1. Google PageSpeed Insights

Certainement un des outils les plus utilisés. 

Google a déclaré depuis 2010 que la vitesse des pages est un facteur de classement important pour le référencement. Pour vous aider à améliorer la vitesse de votre site, Google dispose de son propre outil de test de vitesse, Google PageSpeed Insights, qui mesure les performances d'une page pour les appareils mobiles et les appareils de bureau.

Les scores PageSpeed vont de 0 à 100 points et sont basés sur Lighthouse.

Un score plus élevé est meilleur ; un score de 85 ou plus indique que la page fonctionne bien. La page de rapport vous donne une ventilation utile des mesures que vous pouvez prendre pour améliorer les performances. PageSpeed Insights vous fournit également des suggestions d'expérience utilisateur supplémentaires pour les appareils mobiles. 

Si vous vous souciez d'élever votre site Web au sommet des SERP, il est avantageux d'écouter ce que Google recommande. Nous avons également une présentation sur la façon de corriger cet avertissement tenace de mise en cache du navigateur, contactez-nous pour en savoir plus. 

2. GTmetrix

GTmetrix est un autre outil d'analyse de vitesse populaire et sans doute le plus connu après Goolge PageSpeed. Il est facile à utiliser, donc les débutants peuvent le prendre assez rapidement. L'outil fournit une analyse complète en combinant les performances et les recommandations fournies par Google PageSpeed Insights et YSlow. Cela signifie que GTmetrix est effectivement un guichet unique pour tous vos besoins d'optimisation de la vitesse.

Pour vous assurer que vos données de niveau supérieur sont plus faciles à digérer, GTmetrix affiche un résumé en haut de la page, répertoriant le temps de chargement total de la page, la taille de la page et le nombre de requêtes. L'outil affiche également une liste de vos demandes dans un graphique en cascade, ce qui vous permet d'identifier facilement les problèmes et les goulots d'étranglement. Le graphique en cascade peut également être téléchargé afin que vous puissiez effectuer une analyse plus approfondie hors ligne.

De plus, vous pouvez créer un compte gratuit pour l'outil, qui vous permet d'enregistrer les 20 derniers tests, de comparer les données historiques et d'enregistrer des paramètres préconfigurés pour tester les emplacements, les navigateurs, les vitesses de connexion, etc.

3. DareBoost

DareBoost est un service tout-en-un pour les tests de vitesse de site Web, la surveillance des performances Web et l'analyse de site Web (vitesse, référencement, qualité et sécurité). Et bien qu'il s'agisse principalement d'un service premium, vous pouvez utiliser leur outil de test de vitesse de site Web pour cinq rapports gratuits par mois, bien qu'il vous manque quelques fonctionnalités avancées réservées aux clients payants. 

Le rapport de test de vitesse DareBoost analyse plus de 80 points de données différents dans les catégories suivantes :

• Politique de cache
• Nombre de demandes
• Sécurité
• Accessibilité
• Qualité
• Rendu du navigateur
• SEO

Vous pouvez rapidement voir où votre site web est en difficulté et a besoin de travail. Le rapport de sécurité est également unique par rapport aux autres outils que nous avons mentionnés : vous pouvez voir des choses telles que si votre site Web est exposé à une attaque de détournement de clic, s'il vous manque un en-tête de politique de sécurité de contenu et même des informations sur votre SSL certificat. 

4. New Relic

New Relic propose toutes sortes de services, de la surveillance des performances des applications et de la surveillance des serveurs à la surveillance mobile et aux informations en temps réel sur les utilisateurs. Techniquement, il s'agit d'un outil premium, mais si vous avez besoin de plus de données que les outils ci-dessus, c'est celui dans lequel investir.

Nous utilisons New Relic pour le monitring de nos plateformes / site web et avec une bonne confirmation, il est devenu notre compagnon journalier pour le suivi de nos sites web.  

Si votre site Web commence à ralentir, vous pouvez facilement le repérer avec New Relic et être averti afin que vous puissiez prendre des mesures immédiates pour résoudre le problème. Cela inclut également l'affichage de services externes ou de réseaux publicitaires susceptibles de ralentir votre site. New Relic a été un excellent outil pour nous assurer que nous fournissons le meilleur support à nos clients.

5. Chrome DevTools

Le Chrome DevTools fait partie de Chrome et d'autres navigateurs basés sur Chromium. Il s'agit d'un outil très populaire parmi les développeurs car il est facilement accessible et constitue une excellente option pour le débogage et les tests locaux. Vous pouvez facilement lancer le panneau réseau dans Chrome en appuyant sur Commande + Option + I (Mac) ou Contrôle + Maj + I (Windows et Linux). Vous pouvez ensuite générer une analyse en cascade de votre site et approfondir les performances de chacun de vos actifs.

Une autre fonctionnalité intéressante ajoutée à Chrome 60 est la possibilité de bloquer les appels. Cela peut être très utile lorsque vous essayez de déterminer la surcharge d'un service ou d'un script tiers sur votre site.

L'équipe de Google a également intégré Lighthouse dans Chrome DevTools. Lighthouse est un outil open source automatisé pour améliorer la qualité des pages Web. Il propose des audits de performances, d'accessibilité, d'applications Web progressives, etc. Vous pouvez l'exécuter à partir de l'onglet "Audit". Il a un système de notation similaire 0/100. Vous pouvez plonger dans vos demandes, voir quels scripts pourraient bloquer le rendu, trouver vos économies de compression d'image, etc. Vous pouvez ensuite facilement partager vos résultats avec d'autres.

Les autres fonctionnalités de Chrome DevTools incluent la possibilité de désactiver le cache, de limiter vos connexions réseau, de prendre des captures d'écran du rendu des pages et de diagnostiquer le TTFB lent.

Contactez-nous pour une étude gratuite et personnalisée.