Core Web Vitals 2026 : INP remplace FID, que faire ?

Comprendre INP en 30 secondes

L’INP (Interaction to Next Paint) mesure le délai entre une interaction (clic, tap, clavier) et le prochain rendu visible. C’est un indicateur “ressenti”. Il devient critique dès que votre JS bloque le thread principal.

Diagnostiquer proprement (sans se perdre)

1. GSC : repérer les groupes d’URLs en “À améliorer / Mauvais”.
2. PSI/Lighthouse : identifier les scripts bloquants et les interactions lentes.
3. DevTools : profiler les handlers et les long tasks.

Guide complet : Core Web Vitals.

Prioriser : templates & pages à fort impact

Ne corrigez pas page par page. Corrigez les templates (listing, article, produit) : vous améliorez des centaines d’URLs d’un coup.

Correctifs qui marchent souvent

Réduire le JS et la concurrence sur le main thread

• Découper les bundles, lazy‑load les composants non critiques.
• Limiter les scripts tiers, ou les charger après interaction.
• Préférer CSS/HTML natif aux animations lourdes.

Stabiliser le layout (CLS)

• Réserver l’espace des images, embeds, bannières.
• Éviter les injections tardives en haut de page.

Checklist CWV (pratique)

• INP : pas de long tasks sur interaction.
• LCP : hero optimisé (image/TTFB/fonts).
• CLS : placeholders, tailles fixes, pas de shift.