Le Score de performance GTmetrix diffère de PageSpeed Insights, pourquoi?
Dans cet article, nous n'allons pas vous expliquer pourquoi la vitesse de chargement de vos pages web est importante pour votre SEO... mais plutôt, nous vous expliquerons pourquoi votre score de performance GTmetrix peut être différent des autres outils basés sur Lighthouse. C’est une explication de GTmetrix.
Aperçu
Le score de performance GTmetrix est généré à l'aide de Google Lighthouse et doit être globalement similaire aux scores de performance rapportés par d'autres outils de performance Web.
Cependant, il peut parfois y avoir des différences considérables dans le score de performance GTmetrix par rapport à ce que vous pouvez voir dans les autres outils. Ces différences sont principalement dues à divers facteurs, notamment la mise en œuvre de Lighthouse, la méthodologie de test, le lieu de test, etc.
Bien que cet article se concentre sur trois principaux outils Lighthouse, la justification globale s'étend à tout outil qui utilise Lighthouse pour produire des données de performances.
Voici quelques-unes des principales différences entre GTmetrix, PageSpeed Insights, web.dev et WebPageTest.
Pourquoi mon score de performance GTmetrix est-il différent de PageSpeed Insights, WebPageTest et web.dev ?
En résumé, les scores de performance varient car différents outils utilisent des méthodologies et des configurations différentes.
Même si Lighthouse est le composant commun parmi les outils, il existe des différences considérables dans la façon dont Lighthouse lui-même est mis en œuvre.
Par exemple, une différence notable est l'utilisation par les outils Google de quelque chose appelé Lantern, qui simule le comportement de chargement de votre page dans certaines conditions de réseau et peut entraîner des différences significatives dans les scores de performances. Sur la base de nos observations, voici comment chaque outil génère un rapport Lighthouse :
L’essentiel à retenir :
En général, tous les outils présentent des différences en termes de matériel, de vitesse de connexion, d'emplacements, de résolutions d'écran et de méthodologie de test.
GTmetrix utilise un véritable navigateur pour charger votre page avec une connexion sans limitation en utilisant nos options matérielles et de test spécifiques. Certaines de ces options (emplacement, vitesse de connexion, résolution d'écran, etc.) peuvent être modifiées en fonction de vos besoins.
WebPageTest utilise également un véritable navigateur pour charger votre page, bien qu'avec différentes options et configurations de test par défaut. Certaines de ces options peuvent également être modifiées en fonction de vos besoins.
PageSpeed Insights et web.dev lancent des tests de performances à l'aide de navigateurs sans écran /émulés et utilisent la limitation du réseau pour simuler la charge de votre page dans différentes conditions de réseau (par exemple, ordinateur de bureau et mobile). Vous ne pouvez pas modifier les options de test telles que l'emplacement, la vitesse de connexion, la résolution de l'écran, etc.
De plus, les outils Google (PageSpeed Insights et web.dev) utilisent Lantern, ce qui entraîne des comportements de chargement de page très différents, produisant des scores de performances et des résultats de test différents.
Notez que WebPageTest propose deux types de tests. Leur test par défaut/standard lance un véritable navigateur à l'aide de la configuration spécifiée, mais utilise ses propres calculs et mesures pour capturer les différentes métriques Lighthouse (c'est-à-dire Web Vitals) à partir des données de trace Chrome. Vous pouvez également exécuter un test Lighthouse dédié à partir de WebPageTest, dont les résultats seront différents de leur test standard.
² Notez que nous supposons que Google utilise Lighthouse par défaut dans ses outils. Cependant, il est possible que des modifications aient été apportées pour répondre à leurs besoins (GTmetrix).
³ Notez que nous supposons que les outils Google lancent des tests à partir de ces emplacements sur la base de cette communication. (GTmetrix)
Différences de mise en œuvre
Il peut y avoir plusieurs différences de mise en œuvre entre les différents outils, y compris les différences de version du navigateur, les différences de version de Lighthouse, l'heure d'arrêt du test, etc.
Comme certaines des mesures de performance sont très nouvelles, les algorithmes de notation sont continuellement modifiés, qui sont souvent déployés avec les nouvelles versions de navigateur. Cela pourrait donner des résultats différents sur chaque outil.
Chaque outil peut également arrêter le test à des moments différents, ce qui peut entraîner des problèmes tels que des demandes manquées, des métriques différentes et, dans l'ensemble, des résultats différents.
Par exemple, si le chargement de la page ne se termine pas après un certain temps, Lighthouse arrête le test et termine l'analyse. Le délai d'expiration des outils Google si First Contentful Paint (FCP) n'est pas obtenu après 15 secondes et si la page ne se charge pas dans les 35 secondes ; GTmetrix attend 30 secondes pour FCP et expire si l'ensemble du test prend plus de 2 minutes.
Bien que les facteurs ci-dessus puissent entraîner des écarts dans vos scores de performance, il existe une autre différence de mise en œuvre principale qui pourrait avoir un impact sur vos scores de performance avec chaque outil.
Certains outils basés sur Lighthouse utilisent Lantern pour accélérer l'exécution des tests et l'analyse des pages. Il s'agit d'une approche différente du chargement des pages, car elle simule le comportement de chargement par opposition à la mesure des performances réelles avec les spécifications matérielles réelles.
Qu'est-ce que Lantern ?
Lantern est un algorithme qui charge initialement votre page aussi rapidement que possible (c'est-à-dire, CPU/réseau non étranglé), puis applique quelque chose appelé étranglement simulé .
Cela simule essentiellement ce qu'aurait été la charge réelle de la page dans des conditions CPU/réseau données.
C'est un modèle efficace pour Google et, pour la plupart, fournit des données représentatives tout en accélérant l'exécution des tests. Cependant, dans certains cas, il peut ne pas représenter avec précision les conditions du monde réel.
Comment Lantern affecte-t-il les résultats des tests ?
Dans le cas des outils Google, votre page est initialement chargée aussi rapidement que possible, probablement à l'aide d'un matériel puissant de qualité serveur.
L'outil utilise ensuite Lantern pour travailler en arrière et applique une limitation simulée pour modifier les résultats comme si votre page était chargée sur un appareil « moyen ».
C'est ce qu'on appelle le « mode simulé » et est très différent de notre implémentation ; GTmetrix charge les pages en temps réel à l'aide des options de périphérique/connexion spécifiées dès le début et ne fonctionne pas en arrière pour modifier les résultats.
En d'autres termes, GTmetrix génère des résultats basés sur les performances observées au moment du test. Ce mode de fonctionnement est connu sous le nom de « mode observé ».
Lantern ignore les performances observées et s'exécute en mode simulé, ce qui peut affecter considérablement les résultats de vos tests.
Lantern réduit considérablement le temps nécessaire pour générer un rapport Lighthouse car il collecte les données pendant le chargement de la page.
Cependant, cette simulation de l'exécution du navigateur peut ne pas être tout à fait précise (par rapport à un chargement de page réel) et pourrait entraîner des différences significatives dans les différentes métriques sur les outils Google par rapport à GTmetrix.
En savoir plus sur Lantern ici.
Ne les comparez pas directement !
Gardez à l'esprit qu'il n'y a pas de comparaison égale car il existe de nombreuses différences entre les outils, tant dans la mise en œuvre que dans la notation.
Nous vous recommandons d'utiliser les autres outils pour effectuer une vérification ponctuelle et pour avoir une idée globale des performances de votre page, mais n'oubliez pas que Lighthouse est à lui seul le facteur commun à tous les outils et que chaque outil implémente Lighthouse à sa manière.
L'objectif devrait être de comprendre quelles sont les différences avec chaque outil et d'ajuster vos attentes en conséquence pour obtenir une image précise de vos performances Web.
Notre recommandation est de toujours surveiller votre page fréquemment afin que vous puissiez suivre vos performances et prendre les mesures appropriées lorsque des problèmes de performances surviennent.
Différences détaillées
Bien que nous ayons résumé les principales différences ci-dessus, vous pourriez être intéressé par une explication plus détaillée des différences de score de performance. Continuez à lire pour plus de détails sur chaque outil.
Différences matérielles
Différents outils utilisent différentes spécifications matérielles, ce qui entraîne différents comportements de chargement de votre page.
Voici les principales différences matérielles entre les différents outils :
Clé à retenir
Les spécifications matérielles joueront un rôle majeur dans vos résultats Lighthouse. Un matériel plus puissant signifie plus de ressources pour charger efficacement votre page. Cela aide votre navigateur à exécuter les tâches plus rapidement (c'est-à-dire l'analyse et l'exécution CSS/JavaScript, le rendu, etc.).
GTmetrix est très sélectif en ce qui concerne les exigences du serveur afin que qu’il puisse garantir une référence de performance cohérente sur tous les sites.
WebPageTest utilise principalement des serveurs Amazon AWS EC2, mais la configuration matérielle est inconnue.
Les outils Google ( PageSpeed Insights et web.dev ) utilisent probablement un matériel serveur puissant, puis appliquent une limitation appropriée du processeur pour les résultats de l'analyse de leurs pages.
PageSpeed Insights et web.dev utilisent également Lantern, ce qui peut avoir un impact significatif sur les scores de performance car les outils sont configurés pour charger votre page le plus rapidement possible, puis simuler le comportement de chargement dans certaines conditions de réseau.
Les différences de ressources CPU et mémoire peuvent particulièrement affecter certaines métriques de score de performance telles que le temps d'interaction (TTI) et le temps de blocage total (TBT) car elles sont axées sur le processeur (c'est-à-dire qu'elles reposent sur l'exécution de JavaScript).
Emplacements d'essai
L'emplacement utilisé pour effectuer les tests peut différer selon les outils, ce qui affecte la latence et d'autres facteurs liés à la connectivité réseau.
Voici les différences d'emplacement par rapport à chaque outil :
Clé à retenir
Les emplacements de test peuvent faire une grande différence dans les scores de performance en raison de facteurs tels que la distance par rapport au serveur (c'est-à-dire la latence), la qualité de la connexion réseau, etc.
GTmetrix et WebPageTest vous permettent de choisir vos emplacements de test afin que vous puissiez analyser les performances Web en fonction de l'emplacement de vos visiteurs. Les deux outils offrent un certain nombre d'emplacements différents parmi lesquels vous pouvez choisir.
PageSpeed Insights et web.dev ne vous permettent pas de choisir l'emplacement. PageSpeed Insights lance probablement des tests à partir de l'un des 4 emplacements mondiaux en fonction de la proximité de l'utilisateur avec ces emplacements, tandis que web.dev lance probablement des tests à partir de leurs serveurs américains.
Vitesses de connexion
Tous les outils sont susceptibles d'avoir des différences de vitesse de connexion, ce qui a un impact sur le temps de chargement de votre page. Il peut également y avoir d'autres différences de mise en œuvre qui affectent la vitesse de connexion et les résultats de chaque outil.
Voici en quoi chaque outil diffère en ce qui concerne les vitesses de connexion :
Clé à retenir
Fondamentalement, des vitesses de connexion plus rapides sont susceptibles de charger votre page plus rapidement, produisant des scores de performances plus élevés.
GTmetrix, par défaut, utilise une connexion non étranglée mais vous permet de modifier la vitesse de connexion en fonction de vos besoins.
WebPageTest , par défaut, utilise une connexion par câble et vous permet également de modifier la vitesse de connexion, en fonction de vos besoins.
Web.dev exécute des tests émulés uniquement sur mobile en utilisant (ce que Google appelle) une connexion 4G lente.
Dans le cas de PageSpeed Insights, les tests de bureau et mobiles sont séparés en fonction de leurs vitesses de connexion respectives.
De plus, les deux outils Google utilisent Lantern pour simuler le comportement de chargement de votre page comme si elle était chargée sur un appareil/réseau de niveau intermédiaire.
Notez que vous ne pouvez pas modifier la vitesse de connexion sur l'un ou l'autre des outils Google.
Navigateur réel vs navigateur sans tête/émulé (Headless/Emulated)
Différents outils peuvent avoir des différences fondamentales par rapport au navigateur utilisé pour charger votre page. Par conséquent, les comportements de chargement peuvent varier, ce qui entraîne des scores de performances différents.
Voici ce que chaque outil utilise, en ce qui concerne l'option du navigateur :
Clé à emporter
Les différences de navigateur ont un impact sur le chargement de votre page de plusieurs manières, ce qui peut entraîner des scores de performances différents.
GTmetrix et WebPageTest utilisent de vrais navigateurs pour charger votre page. Ce serait égal au navigateur Chrome que vous avez installé sur votre bureau.
PageSpeed Insights ² et web.dev utilisent des navigateurs sans tête/émulés, qui sont essentiellement des navigateurs sans interface utilisateur.
Un vrai navigateur est la représentation la plus proche d'un utilisateur réel visitant votre page. Un navigateur sans tête/émulé, cependant, utilise un script pour charger votre page et capturer les données de chargement résultantes.
Cela pourrait entraîner un comportement de chargement et des résultats différents pour vos pages.
¹ Notez que vous ne pouvez changer la résolution de l'écran sur une instance privée de WebPageTest.
² Notez que nous supposons que PageSpeed Insights utilise un navigateur émulé, mais il n'est pas clair si c'est le cas. (GTmetrix).
Lecture connexe
Vous pouvez en savoir plus sur la nouvelle plate-forme GTmetrix et d'autres changements associés dans les articles suivants :
- Tout ce que vous devez savoir sur le nouveau rapport GTmetrix (optimisé par Lighthouse)
- Pourquoi mon score de performance change-t-il constamment ?
- J'avais de bons scores avec la Legacy GTmetrix auparavant, mais maintenant mes notes ont baissé. Pourquoi?
- Glossaire des termes relatifs aux performances Web
- Comment accélérer votre site WordPress: 24 techniques optimiser la vitesse d'un site WordPress
- Vitesse de chargement site web - Comment obtenir un score parfait ?
- Pourquoi la vitesse du chargement d'un site web est toujours importante ?