1. Origine
Lighthouse est un outil open-source développé par Google, lancé en 2016 d'abord comme extension Chrome, puis intégré directement dans Chrome DevTools la même année. Ce passage d'une extension optionnelle à une fonctionnalité native du navigateur marque un tournant : l'outil n'est plus quelque chose à installer, il fait partie de Chrome. Lighthouse alimente également PageSpeed Insights et les Core Web Vitals, ce qui en fait l'étalon de mesure utilisé par Google pour évaluer l'expérience utilisateur dans les résultats de recherche.
2. Utilité
Pour un studio Webflow, Lighthouse est l'outil de vérification systématique avant livraison. Il détecte les problèmes de performances (images non optimisées, scripts bloquants, render-blocking resources), les erreurs d'accessibilité (contrastes insuffisants, attributs ARIA manquants, labels de formulaire absents), les problèmes SEO (balises meta manquantes, liens non crawlables) et les manquements aux bonnes pratiques web. Un score Lighthouse élevé est aussi une garantie contractuelle que le studio peut présenter au client.
Dans la pratique, on l'utilise de deux façons : directement dans Chrome DevTools pour un audit rapide en cours de développement, et via PageSpeed Insights pour les rapports livrés aux clients. L'interface web de Google ajoute les données de terrain réelles (Core Web Vitals mesurés sur de vrais utilisateurs) que DevTools seul ne fournit pas.
3. Fonctionnalités
Lighthouse couvre l'ensemble des dimensions de la qualité technique d'un site, de la performance au SEO, avec un accès direct depuis le navigateur ou en ligne de commande.
- Rapport en quatre catégories : Performance, Accessibilité, Bonnes pratiques, SEO, chacune avec un score de 0 à 100, les problèmes classés par impact et des recommandations concrètes (la catégorie PWA a été supprimée dans Lighthouse 12, fin 2023)
- Core Web Vitals : LCP, CLS, INP (FID officiellement remplacé par INP en mars 2024), les métriques utilisées par Google dans son algorithme de ranking
- Détection des problèmes Webflow courants : images en format non-optimal (PNG au lieu de WebP), polices sans font-display swap, scripts tiers bloquants, LCP retardé par des animations d'entrée de page
- Accès via Chrome DevTools : onglet Lighthouse, sans installation, directement dans le navigateur
- PageSpeed Insights : interface web Google avec en plus les données de terrain réelles (CrUX data) issues de vrais utilisateurs Chrome
- CLI Node.js : audits en ligne de commande pour les workflows avancés
- Lighthouse CI : audits automatisés intégrables en pipeline CI/CD, pour bloquer un déploiement si le score Performance passe sous un seuil défini
4. Cas concrets
→ Avant chaque livraison, un studio passe systématiquement un audit Lighthouse sur les pages clés du site (home, page produit, contact). Un score Performance inférieur à 80 déclenche une revue des assets (compression des images, lazy loading, vérification des scripts tiers...). Le rapport est exporté en PDF et joint au livrable comme preuve de qualité technique.
→ Pour un site avec des animations GSAP et des vidéos Lottie, Lighthouse identifie précisément les ressources qui retardent le LCP. L'équipe ajuste le chargement différé de ces ressources et le score passe de 65 à 92, un gain directement mesurable sur le ranking SEO du client.
5. Prix
Lighthouse est entièrement gratuit, intégré nativement dans Chrome et disponible en ligne via PageSpeed Insights.
→ Accéder à l'outil : pagespeed.web.dev
6. Questions fréquentes
Quelle est la différence entre Chrome DevTools et PageSpeed Insights ?
C'est le même moteur d'audit (Lighthouse). Chrome DevTools (F12 → onglet Lighthouse) est idéal pour les audits en développement, rapide, sans quitter le navigateur. PageSpeed Insights est l'interface en ligne de Google qui ajoute les données CrUX (Core Web Vitals mesurés sur de vrais utilisateurs Chrome) que DevTools seul ne fournit pas. Pour les rapports clients avec des chiffres réels, PageSpeed Insights est plus pertinent.
Pourquoi mon score Lighthouse est différent entre deux audits sur le même site ?
Lighthouse mesure les performances dans les conditions au moment de l'audit (bande passante réseau, charge serveur, scripts tiers actifs...). Des variations de ±10 points sont normales. Pour des résultats stables, effectuez plusieurs audits en mode navigation privée sans extensions.
Un score Lighthouse parfait garantit-il un bon SEO ?
Le score SEO Lighthouse vérifie les éléments techniques de base (balises, robots, liens), mais pas la stratégie de contenu, les backlinks ou la pertinence des mots-clés. C'est une condition nécessaire mais pas suffisante pour un bon positionnement.
