Google Lighthouse

Qu'est-ce que Google Lighthouse ?

Lighthouse permet d'auditer les performances des sites Web.

1. Lighthouse 1.0 a d'abord été développé comme un outil d'audit pour les Progressive Web Apps (PWA).
2. La version 2.0 a ensuite également inclus une analyse des performances et du référencement pour les sites Web normaux.
3. La troisième itération, Lighthouse Version 3.0, a été publiée début 2018, et a apporté une nouvelle présentation et une intégration directe dans les outils de développement du navigateur Chrome de Google.

Lighthouse reste un cadre d'analyse open source qui fonctionne au niveau des URL.

Quels audits Lighthouse réalise t’il ?

Les audits proposés par Lighthouse sont regroupés en cinq catégories :

1. Performance
2. Best practices (Meilleures pratiques)
3. Accessibility (Accessibilité)
4. SEO
5. Progressive Web Apps

Les utilisateurs peuvent, en fonction des aspects de leur site web qu'ils souhaitent faire analyser, sélectionner une ou plusieurs des cinq catégories.

Comprendre les rapports et métriques Lighthouse

Pour offrir une bonne expérience utilisateur, les sites doivent s'efforcer d'obtenir un bon score (90-100).

• 0 à 49 (rouge) : Mauvais
• 50 à 89 (orange) : Besoin d'amélioration
• 90 à 100 (vert) : Bon

Un score "parfait" de 100 est extrêmement difficile à atteindre. Par exemple, faire passer un score de 99 à 100 nécessite à peu près la même quantité d'amélioration métrique que faire passer un score de 90 à 94.

Piège courant : viser le 100/100 n'est ni nécessaire, ni corrélé avec un meilleur classement Google. Le score Lighthouse est une note de laboratoire, pas un signal de ranking. Ce qui compte pour le SEO, ce sont les seuils des Core Web Vitals mesurés sur les utilisateurs réels (données CrUX), pas la couleur verte de votre rapport.

Au-delà des métriques Core Web Vitals, deux indicateurs Lighthouse sous-exploités méritent l'attention :

• Total Blocking Time (TBT) : cumul des tâches longues qui bloquent le thread principal entre le First Contentful Paint et le Time to Interactive. Bon proxy laboratoire de l'INP terrain.
• Speed Index (SI) : vitesse à laquelle le contenu visible se remplit. Utile pour diagnostiquer un rendu progressif, même quand le LCP paraît correct.

1. Performance

Dans cette catégorie d'audit, Lighthouse analyse la vitesse de chargement d'un site Web ou d'une application et la rapidité avec laquelle les utilisateurs peuvent accéder au contenu ou le visualiser.

Ici, Lighthouse analyse six paramètres de vitesse :

• First Contentful Paint (FCP)
• Speed Index (SI)
• Largest Contentful Paint (LCP)
• Time to Interactive (TTI)
• Total Blocking Time (TBT)
• Cumulative Layout Shift (CLS)

Conditions de test réalistes : Lighthouse exécute ses audits avec un throttling simulé, ce qui est crucial pour obtenir un score représentatif. Par défaut, il applique un ralentissement CPU de 4x et un réseau Slow 4G (ou Fast 3G selon la version). Désactiver le throttling donne des scores artificiellement élevés qui ne reflètent pas l'expérience d'un utilisateur mobile sur le terrain.

L'analyse des performances de Lighthouse comprend également des recommandations d'amélioration comme :

• la compression des images,
• le nettoyage et la compression du JavaScript et/ou CSS,
• la réduction de l'utilisation de ressources bloquant le rendu (i.e. JavaScripts et requêtes externes),
• la bonne mise en œuvre du cache serveur.

Ces métriques ne dépendent pas seulement de la technique, mais aussi des choix de conception : images lourdes, animations, typographies ou mise en page. Le design influence directement le référencement naturel en conditionnant la rapidité et la stabilité de l'affichage. Pour aller plus loin sur l'impact des animations sur les performances, consultez notre guide sur les animations CSS et JavaScript.

2. Best Practices

Les 16 meilleures pratiques testées par Lighthouse se concentrent principalement sur :

1. les aspects de sécurité des sites Web
2. et les normes "modernes" de développement Web.

Lighthouse analyse si HTTPS et HTTP/2 sont utilisés, vérifie si les ressources proviennent de sources sûres et évalue la vulnérabilité des bibliothèques JavaScript.

D'autres bonnes pratiques portent sur les connexions sécurisées aux bases de données et évitent l'utilisation de commandes non sécurisées, telles que document.write(), ou l'intégration d'API obsolètes.

3. SEO (Référencement)

Lighthouse effectue divers tests via la catégorie SEO de Lighthouse pour déterminer dans quelle mesure un site Web ou une application peut être exploré par les moteurs de recherche et affiché dans les résultats de recherche. Pour bénéficier d'un accompagnement avec notre agence en référencement naturel, il est essentiel de comprendre ces audits.

Ces tests Lighthouse, que Google qualifie de "SEO", sont extrêmement limités ; toute personne dont le site Web ou l'application n'obtient pas le score maximal doit apporter les corrections nécessaires. Lighthouse réalise actuellement 13 audits dans la catégorie de l'optimisation des moteurs de recherche. Ceux-ci portent principalement sur :

• la convivialité mobile ou PWA,
• l'application correcte des données structurées,
• la bonne utilisation des balises comme les balises canoniques, le hreflang, les titres, les méta-descriptions,
• la possibilité pour les robots des moteurs de recherche d'explorer une page.

4. Accessibilité

Les audits d'accessibilité de Lighthouse examinent dans quelle mesure un site Web ou une application peut être utilisé par des personnes handicapées.

Ils comprennent des tests sur des éléments importants tels que les boutons ou les liens, afin de vérifier s'ils sont suffisamment bien décrits, ou si les images ont reçu un attribut alt afin que le contenu visuel puisse également être décrit par des lecteurs d'écran pour les utilisateurs malvoyants.

5. Progressive Web App

Cette section était à l'origine le cœur de Google Lighthouse - l'analyse des Progressive Web Apps, ou PWAs.

Le site Web fonctionne-t-il hors ligne avec un accès Internet ? Renvoie-t-il une erreur 500 ?
C'est par ces vérifications que Lighthouse a commencé, mais elles ne sont plus qu'une des cinq catégories d'audit et une qui n'a de réelle importance que pour les fournisseurs de Progressive Web Apps.

Lighthouse et Core Web Vitals

Les Core Web Vitals sont devenus des métriques Core Web Vitals essentielles pour évaluer la performance d'un site web. Lighthouse intègre ces métriques dans son analyse de performance, offrant une vue complète de l'expérience utilisateur.

Les trois métriques principales des Core Web Vitals sont :

• Largest Contentful Paint (LCP) : mesure le temps de chargement du plus grand élément visible
• Cumulative Layout Shift (CLS) : évalue la stabilité visuelle de la page
• Interaction to Next Paint (INP) : mesure la réactivité aux interactions utilisateur

Ces métriques sont directement prises en compte par Google pour le classement des pages dans les résultats de recherche, rendant leur optimisation importante pour le SEO technique.

Lab vs Field : pourquoi votre score Lighthouse peut mentir

Voici ce que la plupart des rapports SEO oublient de dire : Lighthouse mesure des données de laboratoire (lab data), pas l'expérience de vos utilisateurs réels. Et pour le ranking, Google ne regarde que le terrain.

Les vrais utilisateurs Chrome remontent leurs métriques via le Chrome User Experience Report (CrUX). C'est cette donnée agrégée sur 28 jours que Google utilise pour évaluer les Core Web Vitals d'une URL ou d'une origine.

Le décalage peut être spectaculaire. Un site peut obtenir un score performance Lighthouse de 95 sur son mobile de test, et un LCP field à 4,2 secondes côté CrUX parce que ses visiteurs réels sont sur 4G moyenne avec des appareils milieu de gamme. Le score vert masque un problème réel.

Notre méthode en agence SEO : avant de lancer Lighthouse, on regarde d'abord les données CrUX et le rapport Core Web Vitals de la Google Search Console. Si le terrain est rouge, on utilise Lighthouse comme outil de diagnostic pour identifier les causes. Si le terrain est vert, un score lab de 80 est suffisant et chercher le 100/100 devient une perte de temps.

Utiliser Lighthouse pour optimiser le SEO

Au-delà des audits SEO basiques, Lighthouse peut être un outil précieux pour une stratégie SEO complète. Les scores de performance impactent directement le référencement naturel, en particulier lors d'une refonte où une mauvaise gestion technique peut provoquer une perte de trafic importante : notre guide pour éviter de perdre votre SEO lors d'une refonte détaille les points de vigilance.

Méthode sampling par template : auditer toutes les URLs d'un site avec Lighthouse est impossible et inutile. En agence, on sélectionne un échantillon représentatif, un par template clé :

• une page d'accueil (souvent la plus lourde, hero + carousels)
• une page listing ou catégorie (volume de produits, filtres, pagination)
• un article ou fiche produit (représentatif du contenu long)
• une page transactionnelle (formulaire, checkout, souvent truffée de scripts tiers)

Ce sampling de 4 à 6 URLs permet d'identifier les problèmes structurels liés au template plutôt que des cas isolés, et reste reproductible dans le temps pour mesurer l'impact des optimisations.

Pour maximiser l'utilisation de Lighthouse dans votre stratégie SEO :

• Effectuez des audits réguliers pour suivre l'évolution des performances
• Priorisez les corrections selon leur impact sur l'expérience utilisateur réelle (Core Web Vitals en priorité)
• Intégrez Lighthouse dans votre workflow de développement
• Utilisez les données pour justifier des investissements en optimisation technique

Les agences SEO professionnelles utilisent Lighthouse comme base pour leurs audits techniques, en complément d'outils spécialisés et des données terrain CrUX.

Lighthouse vs PageSpeed Insights : quelle différence ?

La question revient à chaque audit : pourquoi Lighthouse et PageSpeed Insights donnent parfois des scores différents pour la même URL ? Réponse : ce sont deux exécutions de Lighthouse, mais dans des environnements distincts, complétées par des données terrain différentes.

Tableau comparatif des outils d'audit performance

Avantages de Lighthouse :

• Gratuit et open source
• Intégré directement dans Chrome
• Mesures standardisées par Google
• Analyse technique approfondie

Limites par rapport aux outils payants :

• Analyse page par page uniquement
• Pas de suivi historique automatique
• Absence d'analyse concurrentielle
• Pas de recommandations de contenu

Pour une approche complète, combinez Lighthouse avec la Google Search Console pour le suivi des performances organiques et des Core Web Vitals field.

Audits personnalisés avec Lighthouse

Lighthouse n'est pas qu'un rapport figé : son architecture open source permet d'écrire des audits personnalisés (custom audits) pour vérifier des règles métier absentes du jeu d'audits par défaut. C'est un des avantages structurels sur un outil fermé comme GTmetrix.

Concrètement, un custom audit est un module JavaScript qui reçoit l'artéfact d'une visite Lighthouse (HTML, trace, requêtes réseau, console) et renvoie un verdict pass/fail avec un score. Vous écrivez la logique de test, Lighthouse s'occupe du runner, du reporting et de l'intégration dans le rapport HTML.

Cas d'usage en agence SEO :

• vérifier qu'aucune balise canonical ne pointe vers une URL canonicalisée elle-même (chaîne de canonicals)
• contrôler la présence d'un hreflang cohérent sur toutes les versions linguistiques d'une URL
• détecter des images au-dessus de la ligne de flottaison sans attribut fetchpriority="high"
• valider qu'aucun script tiers critique ne bloque le rendu sur une page de conversion
• auditer la présence et la cohérence des balises de données structurées JSON-LD sur un template précis

Ces audits maison se branchent dans le pipeline CLI de Lighthouse et produisent un rapport exploitable par les équipes techniques du client. WebPageTest permet des choses similaires via ses scripts, mais Lighthouse a l'avantage de produire un rapport unifié avec les métriques standards Google.

Comment accéder à Google Lighthouse ?

Chrome DevTools

La méthode la plus directe : Lighthouse est intégré nativement aux Chrome DevTools (anciennement "outils pour développeurs") depuis avril 2018. Ouvrez les DevTools (F12 ou Cmd+Option+I), allez dans l'onglet Lighthouse, sélectionnez la ou les cinq catégories à auditer, choisissez le mode de périphérique (mobile ou desktop) et lancez l'analyse. Les DevTools appliquent automatiquement le throttling standard pour un score reproductible.

PageSpeed Insights

PageSpeed Insights de Google ne renvoyait auparavant qu'un seul score, mais cet outil s'appuie désormais sur les fonctions d'analyse de Lighthouse. N'importe quelle URL peut être testée pour obtenir une analyse de six valeurs de performance et les résultats de nombreux audits et recommandations supplémentaires. Un score de vitesse global est également compilé à partir des six mesures de performance.

Vous pouvez accéder ici à PageSpeed Insights.

Extension Lighthouse pour Chrome

Les audits Lighthouse peuvent également être exécutés à l'aide du plug-in Chrome. (Vous devez utiliser le navigateur Chrome).

Web.dev Measure

Les audits de performance de Lighthouse peuvent également être exécutés via l'outil web.dev Measure de Google. Vous trouverez ici les audits les plus importants avec tous les résultats et recommandations.

Pour comparer Lighthouse aux autres outils d'audit et mesure de performance, consultez notre guide sur les outils de performances web.

Lighthouse en ligne de commande et CI/CD

Au-delà de l'interface graphique, Lighthouse est utilisable en ligne de commande (CLI), ce qui ouvre la voie à l'automatisation et au monitoring continu des performances.

Installation : prérequis Node.js (v18+), puis npm install -g lighthouse. Lighthouse est écrit en JavaScript et distribué en open source sur npm.

Syntaxe de base : lighthouse https://votre-site.fr lance un audit et ouvre le rapport HTML. Des flags permettent de cibler une catégorie, de forcer mobile/desktop, ou d'exporter le résultat en JSON pour traitement ultérieur.

Intégration CI/CD : c'est là que Lighthouse devient un outil d'équipe. Détecter une régression sur chaque merge request, comparer les scores avant/après mise en production, bloquer un déploiement sous un seuil défini.

• GitHub Actions : l'action treosh/lighthouse-ci-action lance Lighthouse sur chaque pull request et commente le diff de scores.
• GitLab CI : via l'image Docker sitespeedio/lighthouse.
• Lighthouse CI Server : serveur officiel, stocke l'historique et gère les budgets de performance.

En agence SEO, on branche Lighthouse CI sur les environnements de recette pour garantir qu'aucun ajout marketing (scripts analytics, tags, widgets) ne dégrade silencieusement les Core Web Vitals avant mise en production.