LCP, INP, CLS : maîtriser les Core Web Vitals 2026 pour améliorer votre classement Google et réduire votre taux de rebond. Guide technique complet.
Les 3 métriques qui définissent la vitesse en 2026
Google mesure l'expérience utilisateur à travers trois indicateurs clés : le LCP (Largest Contentful Paint) — temps d'affichage du plus grand élément visible, cible < 2,5s. L'INP (Interaction to Next Paint) — réactivité aux interactions, cible < 200ms. Le CLS (Cumulative Layout Shift) — stabilité visuelle, cible < 0,1.
LCP : les optimisations à fort impact
Pour un LCP < 2,5s : préchargez votre image héro avec <link rel='preload'>, servez les images en WebP ou AVIF, utilisez un CDN, activez la compression Brotli sur le serveur et évitez les scripts bloquants au-dessus de la ligne de flottaison. Ces 5 actions seules peuvent faire gagner 1 à 2 secondes.
INP : remplacer les scripts synchrones
L'INP a remplacé le FID en 2024. Il mesure la réactivité globale aux clics. Les coupables fréquents : les scripts tiers (chat, analytics, pixels), les handlers JavaScript non optimisés et les recalculs de style massifs. Solution : async/defer systématique et code splitting.
CLS : les causes cachées
Un CLS élevé provient d'images sans dimensions déclarées, de polices web causant un FOUT, et de contenus embarqués dynamiques. Déclarez width et height sur toutes les images, utilisez font-display: swap et réservez l'espace pour les contenus dynamiques avec des placeholders CSS.
Notre méthode d'audit PageSpeed
Avant chaque livraison, nous auditons avec Lighthouse, WebPageTest et la Search Console (rapport Core Web Vitals). Objectif : LCP < 2s, INP < 150ms, CLS < 0,05. Nos sites atteignent systématiquement un score PageSpeed Mobile > 90, réduisant le taux de rebond de 15 à 30%.
Vous voulez transformer cette idée en demandes qualifiées ?
Décrivez votre projet en 2 minutes. Nous vous répondons sous 24h ouvrées avec une première orientation claire.