Core Web Vitals 2026 – LCP, INP, CLS sans blabla

Core Web Vitals est 3 indicateurs utilisés par Google pour mesurer l'expérience utilisateur — et qui influencent le référencement. De bonnes valeurs signifient un meilleur classement, un taux de rebond plus faible et un taux de conversion plus élevé. Je vais vous montrer précisément ce qu'elles mesurent, comment les vérifier et comment les améliorer dans WordPress.

En bref

• 3 indicateurs : LCP (vitesse de chargement), INP (réactivité de l'interaction), CLS (stabilité visuelle).
• Objectifs Google :
• LCP < 2,5 s
• INP < 200 ms
• CLS < 0,1
• Le 75e percentile est mesuré — 75 % des visites doivent correspondre aux objectifs.
• INP a remplacé FID En mars 2024 - des indicateurs plus stricts, davantage de pages « cassées ».

Qu'est-ce que l'expérience Page ?

Google utilise officiellement CWV depuis 2021. facteur de classementUne page avec un bon CWV et une page avec un mauvais CWV, toutes choses égales par ailleurs, obtiendront un meilleur classement.

Poids dans le classement : Environ 5 à 10 % de l'algorithme complet. Beaucoup ? Peu ? De quoi décider qui sera dans le TOP 5 et qui sera dans le TOP 15.

LCP – Peinture la plus riche en contenu

Qu'est-ce que c'est

Le LCP mesure le temps nécessaire pour charger l'élément principal d'une page. Il s'agit généralement d'une image « au-dessus de la ligne de flottaison » ou d'un grand titre.

Lorsqu'un utilisateur accède à votre site web :
– 0 ms – cliqué
– 200 ms — réponse du serveur (TTFB)
– 800 ms - premiers chargements CSS/HTML
– 1 200 ms — Polices chargées, texte visible
– 1 800 ms - chargements de photos volumineux = LCP

Objectifs

• Bien: < 2,5 s
• À améliorer : 2,5–4,0 s
• Faible: > 4,0 secondes

Comment améliorer

1. Optimiser l'élément LCP (généralement le héros de l'image) :
2. WebP/AVIF au lieu de JPG (50 % de poids en moins)
3. width i height w atrybutach (Google preloaduje)
4. fetchpriority="high" w <img>

5. Pas de chargement différé pour l'image LCP (chargement différé UNIQUEMENT pour les images situées sous fold-a)

6. Raccourcir TTFB (Temps d'obtention du premier octet) :

7. Meilleur hébergement (NVMe, LiteSpeed)
8. Cache PHP (OPcache)

9. CDN (Cloudflare, BunnyCDN)

10. Éliminer les ressources bloquantes :

11. CSS en ligne critique
12. Async/defer pour les requêtes JS non critiques
13. Précharger les polices principales

INP – Interaction avec la peinture suivante

Qu'est-ce que c'est

Dernières données (mars 2024), a remplacé le FID. Il mesure délai de réponse de la page pour chaque interaction de l'utilisateur (clic, appui, clavier).

INP = pire interaction de la session (98e percentile, pour être précis). Si vous cliquez sur le menu et attendez 350 ms, vous obtenez votre INP.

Objectifs

• Bien: < 200 ms
• À améliorer : 200–500 ms
• Faible: > 500 ms

Qu'est-ce qui perturbe INP dans WordPress ?

1. JavaScript lourd — Elementor Pro avec effets de mouvement, curseurs et gestionnaires de fenêtres contextuelles
2. Pas de division du code — La page entière de JavaScript se charge pour une seule fonction
3. Blocage des tiers - Google Tag Manager, chat en direct, Hotjar, Facebook Pixel
4. Trop d'auditeurs d'événements — Du JavaScript qui exécute 10 fonctions à chaque clic

Comment améliorer

1. Différer / asynchrone pour tous les JS non critiques
2. Chargement différé tiers — Hotjar, ne chargez le chat en direct qu'après la première interaction.
3. Désactiver les effets de mouvement Elementor Pro (laisser les animations simples)
4. Supprimez les plugins inutiles Chargement JS sur l'ensemble du site
5. Travailleurs du Web pour les calculs complexes (rarement utilisé dans un WP classique)

En pratique, 80 % des problèmes INP dans WP sont résolus Thème WP Rocket + Performance + Light.

CLS – Décalage cumulatif de la disposition

Qu'est-ce que c'est

CLS mesure la distance parcourue par une page lors de son chargement. Vous entrez, lisez le titre, cliquez – et soudain une publicité se charge, le contenu saute, vous cliquez sur le mauvais lien.

CLS = somme de tous les sauts de couche, pondérée par leur taille.

Objectifs

• Bien: < 0,1
• À améliorer : 0,1–0,25
• Faible: > 0,25

Qu'est-ce qui gâche le CLS ?

1. Obrazy bez width/height — le navigateur ne sait pas combien d'espace réserver
2. Publicités AdSense — hauteur de bannière variable
3. Intégrer YouTube / Twitter — L'iframe se charge de manière asynchrone
4. Contenu dynamique injecté après le chargement — popups, bannières de cookies
5. Web fonts bez font-display: swap — La police de secours est plus petite/plus grande, le texte saute

Comment améliorer

1. width i height sur chaque image et iframe
2. Espace réservé dla reklam (kontener z min-height)
3. Bannière de cookies en bas, pas en haut (saut moins perceptible)
4. font-display: swap + matched fallback fonts — Métriques de police héritées
5. Rapport d'aspect en CSS :
   css .video-container { aspect-ratio: 16 / 9; }

Comment mesurer la CWV

1. PageSpeed Insights (public, gratuit)

pagespeed.web.dev — Saisissez l'URL, vous obtiendrez les résultats données de terrain (utilisateurs réels de Chrome au cours des 28 derniers jours) et données de laboratoire (simulation pendant le test).

2. Search Console - Indicateurs Web essentiels

GSC → Expérience → Indicateurs Web essentiels. Affiche toutes les pages de votre site web Classé en trois catégories : « Bon », « À améliorer » et « Mauvais ». Tableau de bord idéal pour la priorisation.

3. Rapport sur l'expérience utilisateur Chrome (CrUX)

BigQuery / jeu de données public — données réelles Pour les utilisateurs de Chrome. Uniquement pour les sites à fort trafic (plusieurs milliers de visiteurs uniques par jour).

4. Extension Web Vitals (Chrome)

Un plugin qui affiche le CWV en temps réel pendant la navigation. Tests rapides pendant le montage.

5. Lighthouse dans les outils de développement

F12 → Lighthouse → Générer un rapport → mode mobile → Indicateurs Web essentiels à partir des « données de laboratoire » + suggestions.

6. Surveillance des utilisateurs réels (RUM)

Pour les utilisateurs avancés : Cloudflare Analytics, Datadog RUM, New Relic – afficher le CWV par utilisateur, pays et appareil.

Données de terrain vs données de laboratoire : que prend en compte Google ?

Données de terrain uniquement. Les données de laboratoire (simulation dans PageSpeed) sont indicatif — Google classe les données en fonction de de vrais utilisateurs de Chrome.

Signification:
– Votre site obtient un score de 95/100 dans PageSpeed Insights « Lab », mais en « Field », le LCP est de 4,5 s. Google observe 4,5 secondes.
– Pas de données de terrain (petit site) – Google utilise des données de laboratoire en dernier recours.

Foire aux questions

« J’ai un score de 95/100 en PageSpeed, mais CLS = 0,3 – quoi ? »

Un score de 95/100 est un score exceptionnel. Les CWV sont séparés. Vous pouvez avoir un score global de 95 et être quand même considéré comme « faible » en CLS.

« Mobile ou ordinateur de bureau : lequel est le plus important ? »

Mobile. Google privilégie l'indexation mobile-first. Si les CWV mobiles sont mauvaises, les CWV sur ordinateur ne changeront rien.

« Combien de temps faut-il à Google pour « remarquer » une correction ? »

Mises à jour des données de terrain à partir de 28 jours de retard (vitre coulissante). Après réparation, veuillez prévoir un délai de 4 à 8 semaines avant que l'effet ne soit pleinement visible.

« Les CWV sont-ils plus importants que les backlinks ? »

NON. Liens + contenu Cela représente toujours 70 % du classement. Le CWV sert de critère de départage : il départage les places entre la 2e et la 3e, et non entre la 30e et la 3e.

Et ensuite ?

Cette semaine:

1. Entrez pagespeed.web.dev et testez la page d'accueil mobile
2. Si une mesure est rouge, sélectionnez un pour réparation
3. Déploiement du correctif (généralement 2 à 8 heures de travail)
4. Revenez sur GSC après 28 jours et vérifiez si vos données de terrain se sont améliorées.

Nous proposons l'optimisation des Core Web Vitals en tant que service distinct. — Forfait à partir de 1 500 PLN, résultat garanti « Bon » dans les 3 critères. Demander un audit.