L’essentiel

  • Le LCP dépend surtout de l’image principale et du temps de réponse serveur.
  • L’INP s’améliore en réduisant le JavaScript exécuté au clic.
  • Le CLS disparaît quand chaque média a des dimensions réservées.

1. Servir l’image principale en priorité

Préchargez le visuel du hero, servez-le en AVIF ou WebP et adaptez sa taille à l’écran grâce à l’attribut sizes.

2. Générer les pages à l’avance

Le rendu statique avec régénération à la publication offre un temps de réponse minimal : la page est prête avant la visite.

3. Réduire le JavaScript côté client

Un accordéon FAQ en balise details native et une navigation légère réduisent le travail du navigateur à chaque interaction.

4. Réserver l’espace des médias

Déclarez la largeur et la hauteur de chaque image et de chaque iframe pour supprimer les décalages de mise en page.

5. Charger les polices sans blocage

Utilisez la police système quand elle existe et auto-hébergez les autres avec font-display: swap.

Questions fréquentes

Quels seuils viser pour les Core Web Vitals ?

Un LCP inférieur à 2,5 secondes, un INP inférieur à 200 millisecondes et un CLS inférieur à 0,1, mesurés sur le 75e centile des visites réelles.

Les Core Web Vitals influencent-ils le classement ?

Ils font partie des signaux d’expérience de page. Leur poids reste modeste face à la pertinence du contenu, et ils améliorent nettement la conversion.