Le grand changement des Core Web Vitals que beaucoup ont raté
En mars 2024, Google a officiellement remplacé le FID (First Input Delay) par l'INP (Interaction to Next Paint) comme troisième métrique des Core Web Vitals. En 2026, beaucoup de sites ont encore des scores INP médiocres sans le savoir — et leur classement Google en souffre.
Qu'est-ce que l'INP et pourquoi c'est plus exigeant que le FID ?
Le FID mesurait uniquement le délai avant que le navigateur commence à traiter la première interaction. L'INP mesure quelque chose de beaucoup plus complet : la réactivité globale de votre page à toutes les interactions utilisateur (clics, touches, saisies) tout au long de la session.
Concrètement : votre site pouvait avoir un excellent FID (première interaction rapide) mais un INP catastrophique (interactions suivantes lentes). Maintenant, Google voit tout.
Les seuils officiels :
- Bon : INP inférieur à 200ms
- À améliorer : 200ms à 500ms
- Mauvais : supérieur à 500ms
Les causes les plus fréquentes d'un mauvais INP
1. JavaScript bloquant le thread principal
C'est la cause numéro un. Chaque fois que JavaScript s'exécute, le navigateur ne peut pas répondre aux interactions. Les scripts tiers (analytics, chat, publicités) sont souvent les coupables.
2. Rendu excessif dans les frameworks JavaScript
React, Vue, Angular — ces frameworks peuvent provoquer des re-rendus massifs qui bloquent le thread principal. L'optimisation des composants et l'utilisation de memo/useMemo sont essentiels.
3. Animations CSS non optimisées
Les animations qui modifient des propriétés comme width, height, top, left forcent le navigateur à recalculer la mise en page. Utilisez transform et opacity à la place.
4. Images et médias non optimisés
Le chargement d'images lourdes peut bloquer le thread principal pendant le décodage.
Comment mesurer et améliorer votre INP
Mesurer :
- Chrome DevTools > Performance > Interactions
- PageSpeed Insights (données de terrain réelles)
- Google Search Console > Core Web Vitals
Améliorer :
- Auditez et réduisez les scripts tiers
- Utilisez requestIdleCallback pour les tâches non urgentes
- Implémentez le code splitting pour charger le JavaScript à la demande
- Optimisez vos composants React/Vue pour éviter les re-rendus inutiles
Un mauvais INP peut coûter plusieurs positions dans les classements Google. Si votre score est dans le rouge, contactez-nous pour un audit de performance complet.
