PageSpeed Insights : comment analyser et améliorer ses Core Web Vitals ?
Apprenez à lire PageSpeed Insights, comprendre LCP, INP et CLS et transformer les recommandations techniques en plan d’amélioration priorisé.
PageSpeed Insights : comment analyser et améliorer ses Core Web Vitals ?
Apprenez à lire PageSpeed Insights, comprendre LCP, INP et CLS et transformer les recommandations techniques en plan d’amélioration priorisé.
PageSpeed Insights est souvent utilisé comme un test où l’objectif serait d’obtenir « 100/100 ». Ce n’est pas la meilleure façon de l’utiliser. L’outil sert surtout à comprendre comment une page se comporte pour ses utilisateurs et quelles optimisations ont le plus de chances d’améliorer l’expérience.
Pour le SEO, trois métriques occupent une place centrale : les Core Web Vitals — LCP, INP et CLS.
À quoi sert PageSpeed Insights ?
PageSpeed Insights analyse une URL sur mobile et desktop. Il peut présenter deux familles de données :
- les données de terrain, lorsque suffisamment de données réelles sont disponibles via Chrome User Experience Report ;
- les données de laboratoire, issues d’un test Lighthouse exécuté dans des conditions contrôlées.
Ces deux vues ne répondent pas exactement à la même question. Les données réelles montrent ce que vivent réellement des visiteurs. Lighthouse aide davantage à diagnostiquer les causes techniques dans un scénario de test.
Les trois Core Web Vitals à comprendre
LCP — Largest Contentful Paint
Le LCP mesure le temps nécessaire pour afficher l’élément principal visible dans la fenêtre : grande image, bloc de texte ou autre contenu dominant.
Seuil recommandé : 2,5 secondes ou moins au 75e percentile.
Un mauvais LCP vient souvent d’une image héro trop lourde, d’un serveur lent, de ressources bloquantes ou d’un élément principal découvert trop tard.
INP — Interaction to Next Paint
L’INP mesure la réactivité du site aux interactions de l’utilisateur : clic, tap ou saisie clavier.
Seuil recommandé : 200 ms ou moins.
Un INP élevé est fréquemment lié à trop de JavaScript sur le thread principal, des tâches longues ou des composants qui font beaucoup de travail avant de répondre.
CLS — Cumulative Layout Shift
Le CLS mesure les décalages visuels inattendus pendant le chargement.
Seuil recommandé : 0,1 ou moins.
Les causes typiques sont les images sans dimensions réservées, les publicités qui apparaissent tardivement, les polices qui modifient brutalement la mise en page ou des composants injectés au-dessus du contenu.
Pourquoi le score mobile est souvent plus mauvais ?
Le test mobile simule des contraintes plus fortes que votre ordinateur de bureau : processeur moins rapide et conditions réseau plus difficiles. Il est donc normal qu’une page obtienne un score inférieur sur mobile.
Ce n’est pas une raison pour ignorer le résultat. Une part importante des visiteurs navigue sur smartphone et une page qui semble rapide sur votre fibre et votre ordinateur récent peut être pénible dans des conditions réelles.
Comment lire PageSpeed Insights dans le bon ordre
1. Regardez d’abord les Core Web Vitals réels
Si les données de terrain sont disponibles, elles sont essentielles pour savoir si vos utilisateurs rencontrent réellement un problème.
2. Identifiez la métrique qui échoue
Ne cherchez pas à tout corriger en même temps. Un LCP rouge n’appelle pas les mêmes actions qu’un CLS rouge.
3. Utilisez Lighthouse pour comprendre la cause
Les opportunités et diagnostics de laboratoire vous aident à repérer les images lourdes, ressources bloquantes, JavaScript excessif et autres problèmes.
4. Testez la page réellement importante
La page d’accueil n’est pas toujours représentative. Analysez aussi une page catégorie, un article, une fiche produit et vos principales landing pages SEO.
5. Mesurez après correction
Un changement de performance doit être vérifié. Les données de laboratoire évoluent immédiatement ; les données réelles nécessitent du temps pour refléter les nouvelles expériences utilisateurs.
Comment améliorer un LCP trop élevé ?
- Compresser et redimensionner l’image principale.
- Servir des formats modernes adaptés lorsque possible.
- Éviter le lazy-loading sur l’image LCP.
- Réduire le temps de réponse serveur.
- Précharger la ressource principale lorsqu’elle est difficile à découvrir.
- Limiter les CSS et scripts qui bloquent le rendu.
- Utiliser un cache et un CDN lorsqu’ils répondent à un vrai besoin.
Comment améliorer un INP trop élevé ?
- Réduire le JavaScript non essentiel.
- Découper les longues tâches.
- Différer les scripts tiers non critiques.
- Optimiser les composants interactifs lourds.
- Éviter d’exécuter de gros traitements synchrones lors d’un clic.
- Mesurer les interactions réellement lentes avec des outils de performance.
Comment améliorer un CLS trop élevé ?
- Définir les dimensions des images et vidéos.
- Réserver l’espace des bannières et composants dynamiques.
- Éviter d’insérer du contenu au-dessus de ce que l’utilisateur est en train de lire.
- Charger les polices de manière à réduire les changements de métriques.
- Tester les popups, barres de consentement et éléments injectés par des scripts tiers.
Faut-il absolument viser 100/100 ?
Non. Le score Lighthouse est utile pour comparer et diagnostiquer, mais il ne constitue pas un objectif business à lui seul. Une page à 95 qui convertit mal n’est pas meilleure qu’une page à 85 qui offre une excellente expérience et atteint ses objectifs.
La priorité est de respecter les bons seuils Core Web Vitals pour la majorité des utilisateurs et de corriger les problèmes qui affectent réellement les pages stratégiques.
Core Web Vitals et SEO : quel impact ?
Google utilise des signaux liés à l’expérience de page dans ses systèmes, mais les Core Web Vitals ne remplacent pas la pertinence du contenu. Une page rapide mais peu utile ne prendra pas automatiquement la première position.
Le bon raisonnement est donc : contenu utile + accessibilité technique + expérience rapide et stable.
Comment Bloometrics simplifie le suivi des performances
Tester une URL ponctuellement dans PageSpeed Insights est gratuit et très utile. La difficulté commence lorsque vous devez suivre plusieurs pages, rapprocher les résultats d’un audit SEO et savoir quelles corrections prioriser.
Bloometrics intègre les Core Web Vitals dans le pilotage du projet SEO avec l’audit technique, les données Search Console, GA4 et le suivi des mots-clés. L’objectif est de ne pas traiter la performance comme un score isolé mais comme une composante de la santé globale du site.
Par exemple, une page qui cumule trafic organique élevé, mauvais LCP et baisse de conversions doit passer avant une URL secondaire qui obtient simplement un score Lighthouse inférieur.
Checklist PageSpeed Insights
- Tester mobile et desktop.
- Regarder les données réelles lorsqu’elles existent.
- Identifier LCP, INP ou CLS en échec.
- Repérer la cause dans les diagnostics.
- Prioriser les pages SEO à forte valeur.
- Corriger une famille de problèmes à la fois.
- Retester après mise en production.
- Surveiller l’évolution dans la durée.
FAQ — PageSpeed Insights
Quelle est une bonne valeur LCP ?
2,5 secondes ou moins au 75e percentile des chargements de page.
Quelle est une bonne valeur INP ?
200 millisecondes ou moins.
Quelle est une bonne valeur CLS ?
0,1 ou moins.
Pourquoi mon score change entre deux tests ?
Les tests de laboratoire peuvent varier selon la charge, le réseau simulé et les ressources tierces. Il faut regarder la tendance plutôt qu’un seul résultat.
Dois-je supprimer tous les scripts tiers ?
Non. Il faut surtout supprimer ceux qui n’apportent pas de valeur, différer les scripts non critiques et mesurer leur coût réel.