Pourquoi ce guide ?Notre agence SEO Annecy applique cette méthode chaque semaine sur les projets clients. Ce guide synthétise notre approche concrète, sans bullshit. Si vous voulez qu'on s'en occupe pour vous, demandez un audit gratuit.
INP (Interaction to Next Paint) a remplacé FID en mars 2024. Cette métrique mesure la réactivité d'un site lors des interactions utilisateur. Beaucoup de sites jugés rapides il y a 2 ans peinent à passer le seuil INP. Explication et leviers concrets.
Qu'est-ce qu'INP exactement ?
INP enregistre, sur toute la session de navigation, le pire délai entre une interaction (clic, tap, saisie) et la prochaine peinture visuelle. Le seuil bon est 200 ms, mauvais au-delà de 500 ms. C'est plus exigeant que FID qui ne mesurait que la première interaction.
Les principales causes d'un mauvais INP
JavaScript long sur le thread principal, gestionnaires d'événements lourds, mises à jour DOM massives sans virtualisation, animations non optimisées, scripts tiers (analytics, publicité, chat) qui bloquent l'exécution.
Code splitting et lazy loading
Diviser le bundle JavaScript par route, charger les composants lourds à la demande, retarder les scripts non critiques (Google Tag Manager, chat de support) après l'interaction utilisateur.
Le piège des gros frameworks
React, Vue et Angular peuvent produire d'excellents INP, mais une architecture mal pensée (tout en client-side, hydratation massive) tue la métrique. Les Server Components Next.js et l'islands architecture résolvent une partie du problème.
Mesurer INP fidèlement
Lighthouse en local mesure mal INP car il simule peu d'interactions. CrUX (données de Chrome User Experience Report) reste la référence pour les données terrain. PageSpeed Insights affiche les deux : terrain et laboratoire.
Optimisations à fort impact
Réduire le bundle initial (code splitting), différer les scripts tiers, utiliser requestIdleCallback pour le travail non urgent, virtualiser les longues listes, éviter les re-renders coûteux. Sur un projet existant, identifier les 3-5 pages les plus visitées et les optimiser en priorité.
Quand l'optimisation INP devient un projet
Sur un site complexe, optimiser INP peut nécessiter une refonte architecturale partielle. Les gains sur INP se traduisent souvent par des gains de conversion mesurables : un site qui passe de 600 ms à 200 ms voit ses taux de rebond chuter et son SEO s'améliorer.