Mesurer la performance d'un site (Core Web Vitals 2026, INP)

Depuis mars 2024, l'INP (Interaction to Next Paint) a remplacé le FID dans les Core Web Vitals de Google. Pour 2026, voici le guide complet pour comprendre, mesurer et améliorer la performance de votre site selon les critères qui comptent vraiment.

Les 3 Core Web Vitals 2026

Google mesure désormais 3 indicateurs :

• LCP (Largest Contentful Paint) : temps avant que le plus grand élément visible apparaisse. Cible : moins de 2,5 s.
• INP (Interaction to Next Paint) : délai entre une interaction utilisateur (clic, tap, frappe) et le rendu visuel suivant. Cible : moins de 200 ms.
• CLS (Cumulative Layout Shift) : sauts visuels pendant le chargement. Cible : moins de 0,1.

Comment Google mesure-t-il vraiment ?

Distinction cruciale : Google n'utilise pas un test sur ses serveurs. Il utilise les données réelles d'utilisateurs Chrome (CrUX = Chrome User Experience report). Vos métriques sont la moyenne pondérée du 75e percentile de vos visiteurs réels sur 28 jours glissants.

Conséquence : un site rapide en local mais lent pour des utilisateurs sur 4G mauvaise est mal noté. La performance se mesure dans les conditions réelles, pas idéales.

Outils pour mesurer

Pour les tests ponctuels

• PageSpeed Insights (gratuit, par Google) : combine données CrUX (réelles) + audit Lighthouse (synthétique)
• WebPageTest (gratuit, plus précis) : permet de tester depuis différents lieux et conditions réseau
• Chrome DevTools — Performance Insights : pour le debug fin local

Pour le monitoring continu

• Search Console (gratuit) : panneau "Expérience" qui montre les Core Web Vitals de votre site selon Google
• Sentry Performance (payant) : détaille les pages lentes en temps réel
• Cloudflare Web Analytics (gratuit, sans cookies) : Core Web Vitals + privacy-friendly

Optimiser le LCP — par où commencer

Le LCP est presque toujours une image, parfois un titre H1, parfois un bloc texte volumineux.

Optimisations classées par impact :

• Compresser l'image LCP : passer en WebP/AVIF, viser sous 100 KB pour 1200x675px (impact +1 à +2s)
• Utiliser fetchpriority="high" sur l'image LCP (impact +0,3 à +0,8s)
• Pre-load des polices critiques avec <link rel="preload">
• Lazy-load tout sauf le LCP avec loading="lazy" sur les autres images
• Hébergement avec TTFB < 200ms (un mauvais hébergement plombe tout)

Optimiser l'INP — la nouvelle frontière

L'INP mesure la réactivité aux clics. Cause typique : trop de JavaScript bloque le thread principal.

• Réduire le JavaScript : auditer les plugins, supprimer les sliders inutiles, code-splitting
• Différer le JS non critique avec defer ou type="module"
• requestIdleCallback pour les tâches non urgentes (analytics, tracking)
• Web Workers pour les calculs lourds (rare en sites vitrines, courant en SaaS)
• Éviter les "long tasks" > 50ms — découper en chunks

Optimiser le CLS — éviter les sauts

Le CLS, c'est principalement :

• Images sans dimensions → toujours mettre width et height
• Polices web qui chargent et changent la mise en page → utiliser font-display: optional ou matcher la police de fallback avec size-adjust
• Bannières publicitaires qui apparaissent → réserver l'espace avec un placeholder de la bonne taille
• Bandeau cookies qui s'affiche en haut → le mettre en bas, ou en overlay sans pousser le contenu

Le mythe du score "100/100"

Avoir 100/100 sur PageSpeed n'est pas un objectif. Avoir tous les Core Web Vitals dans le vert sur Search Console l'est.

Pourquoi : PageSpeed mesure des conditions synthétiques. Search Console mesure ce que vivent vos vrais utilisateurs. Un site à 60/100 PageSpeed avec tous les CWV verts en CrUX > un site à 95/100 PageSpeed mais des CWV en orange.

Combien d'impact sur le référencement ?

Soyons honnêtes : Google a annoncé en 2021 que CWV serait un facteur de classement. En réalité, c'est un tie-breaker entre pages de qualité comparable. Le contenu reste roi.

Mais : un site lent perd des visiteurs. 53 % des mobiles abandonnent au-delà de 3s de chargement. C'est l'impact business qui compte plus que l'impact SEO direct.

Optimiser la performance n'est pas une lutte contre Google. C'est une discipline qui rend votre site agréable à utiliser, ce qui se traduit en conversion. Le SEO est un bonus.