Vous avez probablement deja vu ces scores colores (rouge, orange, vert) en testant votre site sur PageSpeed Insights. Mais que mesurent-ils vraiment ? Et surtout, comment les ameliorer concretement sur WordPress ?
Dans ce guide, on vous explique ce qu'est Google Lighthouse, comment l'utiliser, et quelles optimisations sont deja en place quand vous hebergez votre site chez SEOPress.
Qu'est-ce que Google Lighthouse ?
Google Lighthouse est un outil open-source developpe par Google qui audite automatiquement la qualite d'une page web. Il analyse cinq categories :
| Categorie | Ce qu'elle mesure |
|---|---|
| Performance | Vitesse de chargement, reactivite, stabilite visuelle |
| Accessibilite | Navigation au clavier, contrastes, attributs ARIA |
| Bonnes pratiques | HTTPS, absence d'erreurs JS, images correctement dimensionnees |
| SEO | Balises meta, indexabilite, donnees structurees |
| PWA | Criteres Progressive Web App (optionnel) |
Le score qui interesse le plus les proprietaires de sites WordPress est le score Performance, car il impacte directement le classement Google et l'experience utilisateur.
Lighthouse vs PageSpeed Insights : quelle difference ?
C'est une confusion frequente. Les deux sont lies 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 donnees :
- Donnees de laboratoire : un test Lighthouse lance depuis les serveurs de Google
- Donnees de terrain : les vraies metriques collectees aupres des utilisateurs Chrome via le Chrome User Experience Report (CrUX)
En pratique, utilisez PageSpeed Insights pour un diagnostic rapide. Les donnees de terrain sont celles que Google utilise reellement pour le classement.
Comment lancer un audit Lighthouse
Methode 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 visitees (articles de blog, pages produit). Les scores varient d'une page a l'autre.
Methode 2 : Chrome DevTools (plus detaillee)
- Ouvrez votre site dans Chrome
- Appuyez sur
F12pour ouvrir les DevTools - Allez dans l'onglet Lighthouse
- Selectionnez "Performance" et "Mobile"
- Cliquez sur "Analyze page load"
L'avantage de cette methode : vous pouvez tester des pages protegees par login, et les resultats ne sont pas caches.
Methode 3 : Extension Web Vitals (monitoring continu)
Installez l'extension Web Vitals sur Chrome. Elle affiche les Core Web Vitals en temps reel sur chaque page que vous visitez — ideal pour surveiller votre site au quotidien.
Comprendre le score Performance
Le score Performance (0-100) est un agrement de plusieurs metriques, chacune avec un poids different :
| Metrique | 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'element principal |
| TBT (Total Blocking Time) | 30 % | < 200 ms | Temps de blocage du thread principal |
| CLS (Cumulative Layout Shift) | 25 % | < 0,1 | Stabilite visuelle |
| Speed Index | 10 % | < 3,4 s | Vitesse de remplissage visuel |
Le TBT (30 %) et le LCP (25 %) representent plus de la moitie du score. Ce sont les deux metriques a prioriser.
Ce que SEOPress optimise pour vous
Quand vous hebergez votre WordPress chez SEOPress, plusieurs optimisations sont actives par defaut, sans configuration de votre part :
Serveur LiteSpeed + cache integre
Contrairement a Apache ou Nginx, OpenLiteSpeed est concu pour servir des pages en cache avec un overhead minimal. Le plugin LiteSpeed Cache (installe sur chaque site SEOPress) gere :
- Cache de page : les pages HTML sont pre-generees et servies instantanement
- Cache CSS/JS : minification et combinaison automatique
- Cache objet : les requetes SQL frequentes sont stockees en memoire
- Cache navigateur : headers
Cache-Controloptimises pour eviter les requetes inutiles
Impact typique : le TTFB passe de 800-1200 ms (hebergement classique) a 50-150 ms.
CDN Cloudflare
Chaque site SEOPress beneficie du CDN Cloudflare :
- Vos fichiers statiques (images, CSS, JS) sont distribues depuis 300+ points de presence dans le monde
- La compression Brotli reduit le poids des transferts de 15-20 % par rapport a gzip
- Le protocole HTTP/2 permet le chargement parallele des ressources
Optimisation des images
Les images non optimisees sont la cause n°1 d'un mauvais score LCP. Sur SEOPress, l'optimisation est geree automatiquement au niveau du serveur :
- Conversion WebP automatique : vos JPEG et PNG sont convertis a la volee au format WebP (30 % plus leger), sans perte de qualite visible
- Compression : les images sont compressees automatiquement, sans action de votre part
- Lazy loading : les images hors ecran ne sont chargees que lorsqu'elles deviennent visibles, ce qui accelere le rendu initial
- Remplacement transparent : les navigateurs compatibles recoivent le WebP, les autres gardent l'image originale
Aucune configuration requise — c'est actif des la mise en ligne de votre site.
SSL et HTTP/2
Le certificat SSL (HTTPS) est inclus et renouvele automatiquement. Au-dela de la securite, HTTPS est un signal de classement Google et prerequis 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 ou il n'est pas necessaire.
Solutions :
- Utilisez Asset CleanUp pour desactiver les scripts par page
- Passez a un theme leger (GeneratePress, Kadence)
- Activez le chargement differe dans LiteSpeed Cache (reglages > Optimisation de page > JS Defer)
"Serve images in next-gen formats"
Les formats JPEG et PNG sont depasses. WebP et AVIF offrent une compression bien superieure.
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 apres activation — certains themes reagissent mal a 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 a vos balises <img>. WordPress le fait automatiquement depuis la version 5.5 pour les images inserees via l'editeur.
Aller plus loin : outils complementaires
| Outil | Usage | Lien |
|---|---|---|
| GTmetrix | Waterfall detaille, historique des performances | gtmetrix.com |
| WebPageTest | Tests avances multi-localisation | webpagetest.org |
| Yellow Lab Tools | Analyse du poids des pages et complexite CSS/JS | yellowlab.tools |
| Search Console | Rapport Core Web Vitals sur donnees reelles | search.google.com/search-console |
| Treo | Monitoring CrUX en continu | treo.sh |
En resume
Google Lighthouse et PageSpeed Insights sont vos meilleurs alliés pour diagnostiquer et ameliorer la performance de votre site WordPress. Le score Performance n'est pas qu'un chiffre — il reflete directement l'experience de vos visiteurs et influence votre positionnement Google.
Avec un hebergement SEOPress, les fondations techniques (LiteSpeed, cache multi-niveaux, CDN Cloudflare, SSL) sont deja en place. Il vous reste a optimiser vos images, nettoyer les scripts inutiles et suivre vos scores regulierement.
Testez votre site maintenant sur PageSpeed Insights et comparez avec les seuils recommandes. Chaque point gagne est un pas vers un meilleur referencement.