Core Web Vitals: au-dela du LCP, ce qui fait bouger l'aiguille

Le LCP est devenu une commodite. Dans une analyse de 412 domaines passes au crible du dataset CrUX de mai 2026, 78% passaient deja le LCP sur mobile, mais seulement 41% validaient les trois Core Web Vitals simultanement. Le goulot a deboule ailleurs: ce n'est plus l'image hero gigantesque, c'est le JavaScript qui bloque le thread principal 300ms quand l'utilisateur touche un filtre. Continuer a optimiser des WebP en 2026, c'est resoudre le probleme d'hier, pendant que l'INP et le layout shift saignent la conversion en silence.

L'INP a remplace le FID en mars 2024 et change la donne. Contrairement au FID, qui mesurait uniquement la premiere interaction, l'INP regarde le p98 de toutes les interactions de la session. Cela expose les tiers lourds: un tag manager qui charge 14 scripts en cascade, un widget de chat avec un bundle de 280Ko, un outil d'A/B testing qui injecte des observers sur chaque input. Utilisez PerformanceObserver avec type 'event' et duration > 40 dans DevTools, filtrez par interactionId non nul, et vous trouvez le coupable en dix minutes. Avant de toucher au DOM, revoyez Comment auditer le SEO on-page sans tomber dans les conjectures pour confirmer que le diagnostic tient la route.

Le CLS reste le mechant sous-estime. Dans 67% des cas de CLS > 0.1 audites au T1 2026, le coupable etait une banniere de consentement ou un cookie wall injecte apres le FCP, poussant le contenu 180px vers le bas. La solution n'est pas de supprimer la banniere, c'est de reserver l'espace avec un min-height fixe avant que le moindre script tiers ne demarre. Les web fonts sans font-display: optional produisent aussi des shifts agressifs quand le swap arrive a 1.2s. Combinez avec ce qu'on a vu dans Optimisation des images: alt text, poids et LCP en pratique et vous eliminez 80% du CLS sans refactoriser un composant.

L'ecart entre lab et field data separe le diagnostic serieux du theatre de performance. PageSpeed Insights affiche du lab data (Lighthouse simulant un Moto G4 avec throttling), mais Google range avec du field data (CrUX, agregat 28 jours d'utilisateurs Chrome reels). J'ai vu des equipes feter un Lighthouse 98 pendant que leur CrUX restait rouge parce que 23% de leurs utilisateurs etaient en 3G en zone rurale. La voie honnete: installez web-vitals.js, envoyez-le a GA4 en custom events, segmentez par device category et connection type. Se fier au seul Lighthouse, c'est optimiser pour un robot.

Les frameworks modernes resolvent et creent des problemes. Next.js 15 avec React Server Components a fait passer notre INP median de 312ms a 89ms sur un e-commerce mode, parce que l'hydratation partielle ne bloque plus le main thread. Astro avec ses islands va encore plus loin: zero JS par defaut, vous activez a la demande. Pour les sites tournant en On-page e-commerce: PLP vs PDP sans cannibalisation avec listings dynamiques, la strategie d'hydratation pese plus que le CDN. Vercel et Cloudflare livrent tous deux un edge solide; gagne celui qui envoie le moins de JavaScript au navigateur.

Les scripts tiers represente 70% du probleme et 5% des audits. GTM avec 8 tags actives ajoute en moyenne 340ms de TBT, selon le benchmark DebugBear de fevrier. Solution: deplacez l'analytics vers Partytown ou un web worker, differez les pixels de remarketing apres la premiere interaction, et challengez chaque vendor. Sentry, Hotjar, Intercom: chacun pese entre 80Ko et 220Ko gzipped. Reliez cette investigation a Search Console : 7 rapports sous-exploites et ce qu il faut en tirer pour correler les pages lentes a la chute d'impressions, et vous avez le business case pret pour le CFO.

Takeaway concret: lancez aujourd'hui une requete sur le dataset BigQuery CrUX en filtrant vos URLs par device_category mobile et p75_inp. Prenez les dix pires, ouvrez le Performance panel de Chrome avec CPU throttling 4x et enregistrez une interaction reelle (scroll, filtre, ajout au panier). La long task qui passe rouge est votre prochain ticket. N'optimisez pas ce qui est deja vert; attaquez le p75 rouge sur la page qui convertit le plus. Resultats en deux semaines, pas en deux trimestres.