Améliorer · Guide pratique
Core Web Vitals : lire les mesures et agir
Comprenez LCP, INP et CLS, leurs seuils et les limites des tests. Priorisez les corrections qui améliorent réellement l’expérience mobile.
Réponse directe
À retenir avant de commencer
Les Core Web Vitals décrivent le chargement du contenu principal, la réactivité et la stabilité visuelle. Ils servent à repérer des difficultés concrètes ; une bonne note de laboratoire ne remplace pas l’observation de visites réelles.
Comprendre les trois repères
Le LCP indique quand le plus grand élément de contenu visible est rendu. L’INP décrit la réactivité aux interactions. Le CLS mesure les déplacements inattendus de la mise en page. Google donne comme repères de bonne expérience un LCP au plus égal à 2,5 secondes, un INP au plus égal à 200 millisecondes et un CLS au plus égal à 0,1.
L’évaluation porte sur le 75e percentile des visites, avec une lecture séparée du mobile et de l’ordinateur. Ces repères décrivent une expérience mesurée ; ils ne constituent pas une promesse de classement dans les résultats de recherche.
Distinguer test et expérience réelle
Un test de laboratoire est reproductible et utile pour isoler une cause technique. Les données de terrain reflètent des appareils, connexions et interactions variés. Un outil peut manquer de données pour une page peu visitée : cette absence ne signifie pas que la page est rapide ou lente.
Commencez par plusieurs modèles représentatifs : accueil, service, guide et formulaire. Notez l’URL, la date, le contexte et la méthode de mesure. Une capture unique ne permet pas de diagnostiquer à elle seule tous les parcours.
Prioriser selon le symptôme visible
Si le contenu principal apparaît tard, examinez son image, la réponse du serveur et les ressources qui retardent l’affichage. Si un clic réagit lentement, observez les scripts et le travail déclenché par l’interaction. Si la page bouge, contrôlez les dimensions réservées aux médias et les éléments ajoutés tardivement.
Réduisez d’abord ce qui coûte sans servir la visite. Un composant lourd présent sur toutes les pages peut avoir plus d’impact qu’un détail isolé. Gardez une trace de la modification et mesurez à nouveau le même scénario pour savoir si le symptôme a changé.
Préserver la rapidité après publication
Définissez des règles pour les nouveaux médias, les modules et les scripts tiers. Une optimisation peut être annulée par une image surdimensionnée ou un widget ajouté sans contrôle. L’équipe éditoriale doit connaître les formats et les dimensions attendus.
Suivez les pages réellement utilisées et les nouveaux gabarits. La performance fait partie de la recette et de la maintenance : elle doit être confrontée à l’usage, aux contenus et aux demandes reçues. Les repères ci-dessous ont été vérifiés dans la documentation web.dev le 15 septembre 2026.
Votre tableau pratique
| Mesure | Seuil recommandé | Ce que cela décrit |
|---|---|---|
| LCP | ≤ 2,5 s | Affichage du contenu principal |
| INP | ≤ 200 ms | Réactivité aux interactions |
| CLS | ≤ 0,1 | Stabilité de la mise en page |
Avant de passer à l’action
Cochez les points vérifiés pendant votre lecture. Les cases restent locales à cette page et ne sont pas enregistrées.
Sources et vérification
Documentation consultée le 15 septembre 2026. Les méthodes et exemples complémentaires sont des propositions éditoriales de l’agence.