Core Web Vitals (LCP, INP, CLS)

Définition

Trois métriques Google d'expérience utilisateur : LCP (affichage du plus grand élément), INP (réactivité à toutes les interactions de la visite) et CLS (stabilité visuelle). INP a officiellement remplacé FID comme Core Web Vital le 12 mars 2024 ; le seuil « bon » est un INP sous 200 ms pour au moins 75 % des visites.

Analogie

Les 3 notes d'un restaurant : rapidité du service (LCP), réactivité du serveur (INP), stabilité de la table (CLS).

Exemple de code

// Mesure terrain (RUM) avec la librairie web-vitals
import { onLCP, onINP, onCLS } from 'web-vitals';
onLCP(({ value }) => analytics.send('LCP', value));
onINP(({ value }) => analytics.send('INP', value)); // remplace FID depuis le 12/03/2024
onCLS(({ value }) => analytics.send('CLS', value));
// Seuils « bon » : LCP < 2,5 s · INP < 200 ms · CLS < 0,1

Cas d'usage

Monitorer et optimiser l'UX mesurable pour améliorer le SEO et la satisfaction utilisateur.

Anti-pattern

Termes liés

Sources

• web.dev/blog/inp-cwv-launch
• web.dev/blog/inp-cwv-march-12