Vous avez probablement déjà vu ces scores colorés (rouge, orange, vert) en testant votre site sur PageSpeed Insights. Mais que mesurent-ils vraiment ? Et surtout, comment les améliorer concrètement sur WordPress ?
Dans ce guide, je vous explique ce qu'est Google Lighthouse, comment l'utiliser, et quelles optimisations sont déjà en place quand vous hébergez votre site sur mon hébergement WordPress.
Qu'est-ce que Google Lighthouse ?
Google Lighthouse est un outil open-source développé par Google qui audite automatiquement la qualité d'une page web. Il analyse cinq catégories :
| Catégorie | Ce qu'elle mesure |
|---|---|
| Performance | Vitesse de chargement, réactivité, stabilité visuelle |
| Accessibilité | Navigation au clavier, contrastes, attributs ARIA |
| Bonnes pratiques | HTTPS, absence d'erreurs JS, images correctement dimensionnées |
| SEO | Balises meta, indexabilité, données structurées |
| PWA | Critères Progressive Web App (optionnel) |
Le score qui intéresse le plus les propriétaires de sites WordPress est le score Performance, car il impacte directement le classement Google et l'expérience utilisateur.
Lighthouse vs PageSpeed Insights : quelle différence ?
C'est une confusion fréquente. Les deux sont liés mais pas identiques :
- Lighthouse est le moteur d'audit. Il tourne en local (dans Chrome DevTools) ou sur un serveur Google. Il produit un rapport avec des scores et des recommandations.
- PageSpeed Insights (PSI) est l'interface web de Google qui combine deux sources de données :
- Données de laboratoire : un test Lighthouse lancé depuis les serveurs de Google
- Données de terrain : les vraies métriques collectées auprès des utilisateurs Chrome via le Chrome User Experience Report (CrUX)
En pratique, utilisez PageSpeed Insights pour un diagnostic rapide. Les données de terrain sont celles que Google utilise réellement pour le classement.
Comment lancer un audit Lighthouse
Méthode 1 : PageSpeed Insights (la plus simple)
- Allez sur pagespeed.web.dev
- Entrez l'URL de votre page
- Cliquez sur "Analyser"
- Consultez les scores et les recommandations
Astuce : testez votre page d'accueil, mais aussi vos pages les plus visitées (articles de blog, pages produit). Les scores varient d'une page à l'autre.
Méthode 2 : Chrome DevTools (plus détaillée)
- Ouvrez votre site dans Chrome
- Appuyez sur
F12pour ouvrir les DevTools - Allez dans l'onglet Lighthouse
- Sélectionnez "Performance" et "Mobile"
- Cliquez sur "Analyze page load"
L'avantage de cette méthode : vous pouvez tester des pages protégées par login, et les résultats ne sont pas cachés.
Méthode 3 : Extension Web Vitals (monitoring continu)
Installez l'extension Web Vitals sur Chrome. Elle affiche les Core Web Vitals en temps réel sur chaque page que vous visitez, idéal pour surveiller votre site au quotidien.
Comprendre le score Performance
Le score Performance (0-100) est un agrégat de plusieurs métriques, chacune avec un poids différent :
| Métrique | Poids | Objectif | Ce qu'elle mesure |
|---|---|---|---|
| FCP (First Contentful Paint) | 10 % | < 1,8 s | Premier rendu visible |
| LCP (Largest Contentful Paint) | 25 % | < 2,5 s | Chargement de l'élément principal |
| TBT (Total Blocking Time) | 30 % | < 200 ms | Temps de blocage du thread principal |
| CLS (Cumulative Layout Shift) | 25 % | < 0,1 | Stabilité visuelle |
| Speed Index | 10 % | < 3,4 s | Vitesse de remplissage visuel |
Le TBT (30 %) et le LCP (25 %) représentent plus de la moitié du score. Ce sont les deux métriques à prioriser.
Ce que mon hébergement optimise pour vous
Quand vous hébergez votre WordPress sur ma plateforme d'hébergement, plusieurs optimisations sont actives par défaut, sans configuration de votre part :
Serveur LiteSpeed + cache intégré
Contrairement à Apache ou Nginx, OpenLiteSpeed est conçu pour servir des pages en cache avec un overhead minimal. Le plugin LiteSpeed Cache (installé sur chaque site que j'héberge) gère :
- Cache de page : les pages HTML sont pré-générées et servies instantanément
- Cache CSS/JS : minification et combinaison automatique
- Cache objet : les requêtes SQL fréquentes sont stockées en mémoire
- Cache navigateur : headers
Cache-Controloptimisés pour éviter les requêtes inutiles
Impact typique : le TTFB passe de 800-1200 ms (hébergement classique) à 50-150 ms.
CDN Cloudflare
Chaque site hébergé sur ma plateforme bénéficie du CDN Cloudflare :
- Vos fichiers statiques (images, CSS, JS) sont distribués depuis 300+ points de présence dans le monde
- La compression Brotli réduit le poids des transferts de 15-20 % par rapport à gzip
- Le protocole HTTP/2 permet le chargement parallèle des ressources
Optimisation des images
Les images non optimisées sont la cause n°1 d'un mauvais score LCP. Sur mon hébergement, l'optimisation est gérée automatiquement au niveau du serveur :
- Conversion WebP automatique : vos JPEG et PNG sont convertis à la volée au format WebP (30 % plus léger), sans perte de qualité visible
- Compression : les images sont compressées automatiquement, sans action de votre part
- Lazy loading : les images hors écran ne sont chargées que lorsqu'elles deviennent visibles, ce qui accélère le rendu initial
- Remplacement transparent : les navigateurs compatibles reçoivent le WebP, les autres gardent l'image originale
Aucune configuration requise, c'est actif dès la mise en ligne de votre site.
SSL et HTTP/2
Le certificat SSL (HTTPS) est inclus et renouvelé automatiquement. Au-delà de la sécurité, HTTPS est un signal de classement Google et un prérequis pour HTTP/2.
Les recommandations Lighthouse les plus courantes sur WordPress
Voici les alertes que vous verrez le plus souvent, et comment les corriger :
"Reduce unused JavaScript"
WordPress et ses plugins chargent souvent du JS sur des pages où il n'est pas nécessaire.
Solutions :
- Utilisez Asset CleanUp pour désactiver les scripts par page
- Passez à un thème léger (GeneratePress, Kadence)
- Activez le chargement différé dans LiteSpeed Cache (réglages > Optimisation de page > JS Defer)
"Serve images in next-gen formats"
Les formats JPEG et PNG sont dépassés. WebP et AVIF offrent une compression bien supérieure.
Solution : activez la conversion WebP dans LiteSpeed Cache > Optimisation d'image > WebP Replacement.
"Eliminate render-blocking resources"
Des fichiers CSS ou JS dans le <head> bloquent le rendu de la page.
Solution : dans LiteSpeed Cache > Optimisation de page, activez "CSS Combine" et "JS Defer". Attention, testez après activation, certains thèmes réagissent mal à la combinaison CSS.
"Image elements do not have explicit width and height"
Sans dimensions, les images provoquent des sauts de mise en page (CLS).
Solution : ajoutez toujours width et height à vos balises <img>. WordPress le fait automatiquement depuis la version 5.5 pour les images insérées via l'éditeur.
Aller plus loin : outils complémentaires
| Outil | Usage | Lien |
|---|---|---|
| GTmetrix | Waterfall détaillé, historique des performances | gtmetrix.com |
| WebPageTest | Tests avancés multi-localisation | webpagetest.org |
| Yellow Lab Tools | Analyse du poids des pages et complexité CSS/JS | yellowlab.tools |
| Search Console | Rapport Core Web Vitals sur données réelles | search.google.com/search-console |
| Treo | Monitoring CrUX en continu | treo.sh |
En résumé
Google Lighthouse et PageSpeed Insights sont vos meilleurs alliés pour diagnostiquer et améliorer la performance de votre site WordPress. Le score Performance n'est pas qu'un chiffre, il reflète directement l'expérience de vos visiteurs et influence votre positionnement Google.
Avec mon hébergement WordPress, les fondations techniques (LiteSpeed, cache multi-niveaux, CDN Cloudflare, SSL) sont déjà en place. Il vous reste à optimiser vos images, nettoyer les scripts inutiles et suivre vos scores régulièrement.
Testez votre site maintenant sur PageSpeed Insights et comparez avec les seuils recommandés. Chaque point gagné est un pas vers un meilleur référencement.