Google PageSpeed ​​Insights vs Lighthouse : lequel mesure le mieux les performances du site ?

Qu'est-ce que la vitesse de page ?

La vitesse de la page est la durée entre le moment où un navigateur envoie une demande d'accès à une page et le moment où la page affiche le contenu. Les pages sont composées de nombreux composants visibles et invisibles (images, texte, trackers, plugins, etc.) avec des temps de chargement et des objectifs d'utilisation variables. Google décompose la vitesse de la page en mesures spécifiques qui mesurent les étapes de chargement, telles que la première peinture de contenu et le temps d'interactivité.

La vitesse des pages fluctue à mesure que votre site se développe, que la technologie change et que les normes Web évoluent. Cela peut avoir un impact sur la façon dont les visiteurs utilisent votre site et même s'ils convertissent. Ainsi, le suivi de la vitesse des pages devrait être un élément fondamental du processus régulier de surveillance de la santé de votre site.

Mais quel est le meilleur outil de suivi de la vitesse des pages ?

Google propose deux options officielles : Google PageSpeed ​​Insights et Lighthouse. Les deux sont des outils gratuits et puissants conçus pour aider les spécialistes du marketing numérique et les développeurs à optimiser la vitesse de leur page Web, avec quelques différences clés entre eux. Comparons PageSpeed ​​Insights à Lighthouse et discutons de ce que vous devez savoir sur le suivi et l'amélioration de la vitesse des pages.

Qu'est-ce que Google PageSpeed Insights ?

Google PageSpeed ​​Insights (PSI) est un outil gratuit qui mesure la vitesse des pages sur les ordinateurs de bureau et les appareils mobiles à l'aide de données réelles et de laboratoire. Les données du monde réel (également appelées «données de terrain») sont un agrégat de 28 jours extrait du rapport d'expérience utilisateur Chrome, tandis que les données de laboratoire sont calculées à l'aide de l'API Lighthouse.

PSI est simple à utiliser pour tout le monde : rendez-vous simplement sur https://pagespeed.web.dev/, branchez une URL et attendez quelques instants que l'API génère un rapport. Vous pourrez voir comment l'URL se compare aux Core Web Vitals de Google, évaluer les mesures de vitesse détaillées et recevoir une évaluation globale des performances du site Web.

La note de performance est un moyenne pondérée de chaque score de mesure de vitesse. C'est comme une note globale, mais ce n'est pas une mesure ultime. Les pourcentages entre parenthèses ci-dessous indiquent le poids accordé à chaque métrique lors du calcul de la note de performance.

• First Contentful Paint : (10 %) Combien de temps faut-il pour que la première image ou le premier bloc de texte se charge complètement.
• Indice de vitesse : (10 %) Le temps moyen nécessaire pour que le contenu visible se charge jusqu'à ce que l'écran soit complet.
• La plus grande peinture de contenu : (25 %) Le temps nécessaire pour que la plus grande image ou le plus grand bloc de texte se charge complètement.
• Temps d'interactivité : (10 %) Le temps qu'il faut pour qu'une page devienne entièrement interactive.
• Temps de blocage total : (30 %) La différence de temps entre la première peinture de contenu et le temps d'interactivité pendant laquelle une page est bloquée à partir de l'entrée de l'utilisateur. (En d'autres termes, la différence de temps entre le moment où quelque chose apparaît pour la première fois à l'écran et le moment où l'utilisateur peut réellement cliquer dessus.)
• Changement de mise en page cumulé : (15 %) Une mesure des changements de mise en page inattendus, c'est-à-dire un chargement de contenu dans le désordre qui réorganise ou déplace d'autres contenus vers le haut ou vers le bas de la page.

Ne vous inquiétez pas trop si l'évaluation des performances de votre site Web n'est pas parfaite ou si certaines de vos mesures semblent faibles. Les mesures de vitesse peuvent fluctuer en fonction de quelques facteurs indépendants de votre volonté. N'oubliez pas que ces mesures sont un agrégat de données et que les expériences réelles varient d'un utilisateur à l'autre.

Cela dit, vous pouvez optimiser votre évaluation des performances et améliorer la vitesse des pages en vous concentrant sur les sections "Opportunités et diagnostics" situées en bas du rapport. Ces sections contiennent des recommandations pour des actions spécifiques qui peuvent améliorer les mesures de vitesse, bien qu'elles puissent nécessiter l'aide d'un développeur Web SEO pour les mettre en œuvre.

Qu'est-ce que Google Lighthouse ?

Google Lighthouse est un outil gratuit et open source qui peut effectuer des audits de site pour mesurer de nombreuses mesures différentes. En plus d'évaluer la vitesse des pages, Lighthouse peut évaluer dans quelle mesure un site correspond aux normes de développement Web modernes, le niveau d'accessibilité, la capacité d'exploration d'un site, etc.

Lighthouse utilise exclusivement des données de laboratoire, ce qui signifie que les audits sont exécutés dans un environnement contrôlé et prédéfini, et non à partir de données utilisateur réelles.

Il existe plusieurs façons d'accéder au test de vitesse Google Lighthouse. Le moyen le plus simple pour les non-développeurs d'utiliser Lighthouse consiste à utiliser l'extension de navigateur Chrome, bien que l'extension ne puisse pas auditer seule les pages avec l'authentification par cookie. Les développeurs peuvent utiliser Chrome DevTools pour un accès complet.

Votre rapport Lighthouse contiendra des informations sur :

• Performance : les audits de performance mesurent toutes les mêmes mesures de vitesse que PSI, et fournissent des données de développement plus détaillées.
• Meilleures pratiques : les audits des meilleures pratiques examinent la « santé du code » globale d'un site par rapport aux normes de développement modernes, y compris les normes de sécurité.
• Accessibilité : il est impossible de distiller l'accessibilité Web en un seul score. Les audits d'accessibilité recherchent donc diverses opportunités d'amélioration dans la conception, les interfaces utilisateur, la langue, le développement et d'autres domaines.
• SEO : les audits d'optimisation des moteurs de recherche (SEO) fournissent un test de base pour vérifier si les moteurs de recherche peuvent facilement explorer votre page.
• Progressive Web App : Si votre site est une Progressive Web App, cet audit mesure sa vitesse générale, sa fiabilité et son installabilité.

Que sont les packs de piles Lighthouse ?

Les Stack Packs sont l'une des fonctionnalités les plus récentes de Lighthouse. Avec Stack Packs, les développeurs peuvent afficher des recommandations basées sur les piles en fonction des piles utilisées par une page. Ces recommandations sont plus pertinentes que les recommandations générales standard proposées par Lighthouse, qui ne sont pas compatibles avec tous les outils et plateformes. De nouveaux Stack Packs sont fréquemment publiés, alors visitez le référentiel Github officiel pour en savoir plus.

Google PageSpeed ​​Insights par rapport à Lighthouse

Google PageSpeed ​​Insights combine des données d'utilisateurs et de laboratoire du monde réel pour fournir un aperçu complet et facile à comprendre de la vitesse d'une page. Lighthouse est axé sur les développeurs et collecte des données de laboratoire à partir d'audits qui couvrent tout, de la vitesse de chargement des pages à la sécurité Web. Les deux offrent des recommandations d'amélioration.

Google PageSpeed ​​Insights par rapport à Lighthouse : aperçu

Quand utiliser Google PageSpeed ​​Insights

Utilisez PSI si vous souhaitez une compréhension claire de la vitesse d'une URL et des recommandations d'amélioration spécifiques à mettre en œuvre vous-même ou à transmettre à un développeur.

Quand utiliser Google Lighthouse

Utilisez Lighthouse si vous êtes un développeur (ou un non-développeur avec des connaissances en développement) et que vous souhaitez vous plonger dans de nombreuses métriques de site différentes au-delà de la vitesse de la page. Les Stack Packs peuvent aider à fournir des recommandations plus personnalisées que les recommandations standard proposées par Lighthouse.

Vous voulez les meilleures données ? Utilisez à la fois PageSpeed ​​Insights et Lighthouse

PSI et Lighthouse ont chacun leurs forces et leurs limites, mais ils sont plus efficaces lorsqu'ils sont utilisés ensemble pour créer une image complète de votre site.

Alors que Lighthouse offre une vue plus large des données, PageSpeed ​​Insights vous donne un aperçu plus réaliste des performances des pages Web pour les utilisateurs réels. Utilisez les deux pour obtenir des recommandations afin d'améliorer le front-end et le back-end de votre site. Plus vous aurez de données à votre disposition, plus les ajustements de votre site seront efficaces.

Tirez le meilleur parti des outils Google avec notre ebook gratuit

Si vous retenez une chose de cet article, ce devrait être que la vitesse de la page est importante - et beaucoup plus complexe qu'il n'y paraît à première vue. Tout comme il n'y a pas qu'une seule façon d'augmenter la vitesse d'un site, il n'y a pas qu'une seule façon d'augmenter les performances du moteur de recherche de votre site - ou même un meilleur outil Google pour suivre les données.

Optimiser votre site implique de jongler avec beaucoup de données et de naviguer dans des outils compliqués. Pour simplifier les choses, téléchargez notre ebook gratuit, Google Tools for SEO .

Un guide des outils Google pour le référencement

Téléchargez ce guide pour apprendre à tirer le meilleur parti des puissants outils gratuits fournis par Google pour améliorer vos processus et performances de référencement.