Core Web Vitals

Qu'est-ce que les Core Web Vitals ?

Les Core Web Vitals (CWV) sont un sous-ensemble de métriques Web Vitals que Google utilise pour évaluer la qualité de l'expérience utilisateur sur une page web. Introduits en 2020 et intégrés comme facteur de classement SEO en 2021, ils mesurent trois dimensions fondamentales de l'expérience utilisateur :

1. LCP — La vitesse de chargement perçue
2. INP — La réactivité aux interactions
3. CLS — La stabilité visuelle

Ces métriques sont collectées via Chrome User Experience Report (CrUX), qui agrège des données réelles de navigation des utilisateurs Chrome. C'est ce qui les distingue des métriques de laboratoire (comme Lighthouse) : elles reflètent des conditions réelles d'utilisation.

LCP — Largest Contentful Paint

Définition

LCP mesure le temps d'affichage du plus grand élément visible dans le viewport initial : généralement l'image hero, une grande photo, une bannière, un bloc de texte important.

Seuils

Score	Valeur
Bon	≤ 2,5 secondes
À améliorer	2,5 – 4,0 secondes
Mauvais	> 4,0 secondes

Causes fréquentes d'un mauvais LCP

• Images non optimisées (trop lourdes, pas de format WebP/AVIF)
• Absence de cache serveur (TTFB élevé)
• Scripts bloquants retardant le rendu
• Hébergement lent ou serveur surchargé
• Polices web chargées sans font-display: swap

Optimisations

• Précharger l'image LCP avec <link rel="preload">
• Utiliser des formats modernes (WebP, AVIF)
• Activer le cache serveur (LiteSpeed Cache)
• Utiliser un CDN pour réduire la latence réseau
• Optimiser le TTFB (Time To First Byte)

INP — Interaction to Next Paint

Définition

INP (remplace FID depuis mars 2024) mesure la latence de toutes les interactions de l'utilisateur avec la page (clics, appuis, frappes clavier) et retient le 98e percentile. Il évalue la capacité du thread principal du navigateur à répondre aux interactions.

Seuils

Score	Valeur
Bon	≤ 200 ms
À améliorer	200 – 500 ms
Mauvais	> 500 ms

Causes fréquentes d'un mauvais INP

• JavaScript lourd ou mal optimisé bloquant le thread principal
• Trop de scripts tiers (chatbots, analytics, publicités)
• Plugins WordPress trop nombreux ou mal codés
• Absence de découpage des tâches longues (Long Tasks)

Optimisations

• Différer les scripts non critiques (defer, async)
• Réduire le JavaScript inutilisé (tree-shaking, lazy loading)
• Utiliser requestIdleCallback pour les tâches non urgentes
• Auditer et désactiver les plugins WordPress superflus

CLS — Cumulative Layout Shift

Définition

CLS mesure la stabilité visuelle de la page : à quel point les éléments se déplacent de manière inattendue pendant le chargement. Un CLS élevé signifie que des éléments "sautent" au fil du chargement, perturbant l'utilisateur (bouton qui se déplace juste avant le clic, texte qui se décale...).

Seuils

Score	Valeur
Bon	≤ 0,1
À améliorer	0,1 – 0,25
Mauvais	> 0,25

Causes fréquentes d'un mauvais CLS

• Images sans dimensions définies (width/height)
• Publicités ou embeds qui changent de taille au chargement
• Polices web qui provoquent un FOUT (Flash of Unstyled Text)
• Contenu injecté dynamiquement au-dessus du contenu existant

Optimisations

• Toujours spécifier width et height sur les balises <img>
• Utiliser font-display: swap pour les polices web
• Réserver l'espace des publicités et embeds avant leur chargement
• Éviter les injections de contenu au-dessus du viewport

Mesurer ses Core Web Vitals

Google Search Console

L'outil de référence : affiche vos CWV réels (données de terrain) groupés par URL. Indique les pages "Mauvaises" et "À améliorer".

Google PageSpeed Insights

Combine données de terrain (CrUX) et données de laboratoire (Lighthouse). Donne des recommandations concrètes.

Chrome DevTools → Performance

Analyse en laboratoire avec possibilité de simuler des connexions 3G et des appareils moins puissants.

Core Web Vitals et hébergement

La performance de votre hébergement impacte directement le LCP via le TTFB :

• Un hébergement NVMe avec LiteSpeed Cache peut atteindre un TTFB < 100 ms
• Un hébergement HDD mal optimisé peut avoir un TTFB > 1 seconde

Les hébergements Gaprod avec LiteSpeed et stockage NVMe sont optimisés pour d'excellents scores Core Web Vitals.