Se rendre au contenu

Votre site perd 40 % de visiteurs avant le clic : les Core Web Vitals 2026 expliqués

LCP, INP, CLS : les trois signaux qui décident de votre SEO et de votre conversion.
23 avril 2026 par
Votre site perd 40 % de visiteurs avant le clic : les Core Web Vitals 2026 expliqués
DTS
2 min de lecture

Un site lent ne perd pas seulement du trafic SEO : il perd aussi des conversions. Selon les mesures Google, un LCP qui passe de 2,5 à 4 secondes fait chuter le taux de conversion d'environ 15 %. Et depuis 2024, INP a remplacé FID dans le trio officiel — rendant les pages lourdes en JavaScript particulièrement vulnérables.

Mesure de performance d'un site web sur plusieurs écrans
Les Core Web Vitals sont le baromètre officiel de Google pour mesurer l'expérience utilisateur.

LCP — Largest Contentful Paint : < 2,5 s

Le temps pour afficher le plus grand élément visible à l'écran. En général : la hero image ou le titre principal. Trois coupables récurrents :

  • Hero image non optimisée (1 Mo en JPEG alors qu'un AVIF de 80 Ko suffirait).
  • Fonts web qui bloquent le rendu le temps du téléchargement.
  • Serveur trop loin : depuis Dakar ou Conakry, un serveur en Irlande ajoute 200 ms à chaque requête.

Fix rapide : formats modernes (WebP/AVIF), preload des fonts critiques, CDN régional.

INP — Interaction to Next Paint : < 200 ms

Depuis mars 2024, INP remplace FID. Il mesure la réactivité de toutes les interactions — pas juste la première. Un gros bundle JavaScript bloquant sur la page est le suspect numéro un.

Fix : code-splitting agressif, déplacer le calcul lourd dans des Web Workers, éviter les librairies monolithiques (jQuery + 15 plugins = désastre garanti).

CLS — Cumulative Layout Shift : < 0,1

Ce que mesure CLS : les « sauts » visuels pendant le chargement. Une image qui apparait et pousse le texte vers le bas, une bannière publicitaire qui s'injecte après coup, une popup qui redimensionne tout.

Fix : toujours déclarer width et height sur les <img>, réserver la place des bannières asynchrones avec un placeholder, utiliser aspect-ratio en CSS.

Graphiques de performance web sur un écran
Mesurer avant d'optimiser : PageSpeed Insights pour le diagnostic, CrUX pour la réalité terrain.

Lab vs field : ne pas confondre les mesures

Lighthouse (PageSpeed Insights) simule une connexion dans un environnement contrôlé. CrUX (Chrome User Experience Report) mesure les vrais utilisateurs. Si les deux divergent, croyez CrUX — c'est ce que Google utilise pour le ranking.

Le pattern DTS : audit avant redesign

La pire chose qu'on puisse faire est de refondre un site sans mesurer l'existant. Chez DTS, chaque projet web commence par un audit Web Vitals qui identifie les quick wins (souvent 30 % de gain en 3 jours de travail) et les investissements structurels. On repart ensuite sur une base saine.

Curieux de voir ce que dit PageSpeed de votre site ? Nous vous offrons l'audit, avec un plan d'action priorisé.