Depuis mars 2024, INP a remplacé FID. Depuis 2025, Google punit dur les sites qui ne passent pas Core Web Vitals au vert. En 2026, c’est non négociable. La bonne nouvelle : 80 % des sites s’optimisent en moins de 15 jours de boulot ciblé. Le playbook.

INP a remplacé FID — et c’est plus dur

FID mesurait le délai avant la première réponse à une interaction. INP (Interaction to Next Paint) mesure la latence de toutes les interactions sur toute la session. C’est nettement plus exigeant.

Seuils 2026 : Bon ≤ 200 ms · À améliorer ≤ 500 ms · Mauvais > 500 ms. La plupart des sites SPA mal optimisés tournent à 600-900 ms sur mobile entry-level.

LCP : la nouvelle barre des 2,5 secondes

Largest Contentful Paint n’a pas changé techniquement, mais le seuil de tolérance s’est resserré. En 2026, on vise ≤ 2 secondes au 75e percentile pour rester confortablement dans le vert, alors que la cible “officielle” reste à 2,5 s.

CLS : le piège des fonts et des ads

Cumulative Layout Shift punit toutes les surprises visuelles. Cible : ≤ 0,1. Les coupables habituels : web fonts (FOUT/FOIT mal gérés), images sans dimensions, ads qui s’injectent, embeds YouTube.

Le playbook par ordre d’impact

1. Images — l’optimisation à plus gros ROI

WebP/AVIF pour tout (gain 30-60% vs JPEG), loading="lazy" partout sauf hero, fetchpriority="high" sur le LCP, width + height en attributs HTML pour réserver la place (anti-CLS).

CDN avec auto-format (Cloudflare Images, Vercel Image, Bunny Optimizer) = gain 0,8-1,5s sur le LCP mobile en moyenne.

2. Fonts — le tueur silencieux du LCP

Self-host les fonts (pas de Google Fonts via <link>), précharge la weight critique en <link rel="preload">, applique font-display: swap, et utilise un fallback métrique compatible (matcher la x-height).

3. JS bundle — la guerre du KB

Audit ton bundle avec next-bundle-analyzer ou équivalent. Vise ≤ 100 KB JS critique sur la home. Tree-shake les libs lourdes, dynamic import tout ce qui est below-the-fold, et bannis les libs UI qui pèsent 80 KB pour 2 composants.

4. Server response — le TTFB

Sub-200 ms TTFB. Cache HTML (ISR sur Next, edge cache sur Vercel/Cloudflare), DB en read-replica proche du edge, queries indexées. Un TTFB à 800 ms tue tout le reste.

Frameworks : qui passe vert par défaut en 2026

• Next.js 15+ (App Router) : passe vert si on respecte les conventions (Server Components, next/image, next/font)
• Astro : champion par défaut, zéro JS sauf islands
• Remix / React Router 7 : vert si on streame correctement
• SvelteKit : très bon, bundles légers
• WordPress + Photia : passe vert avec un effort de hardening (cache page, defer JS, lazy-load tout)

Le coût d’un site lent en SEO

Google a annoncé en 2024 que Core Web Vitals devient un signal “fort” et non plus “faible”. En pratique : un site dans le rouge perd 15-30 % de visibilité organique vs un site dans le vert, à contenu équivalent. Sur un site à 50 K€/mois de chiffre d’affaires SEO, ça fait ~9 K€/mois perdus juste sur la perf.

C’est le levier marketing avec le meilleur ROI qu’on connaisse. Et personne ne le prend au sérieux. Ne fais pas comme tout le monde.