LCP (Largest Contentful Paint)

Le LCP est impacté par : temps de réponse serveur (TTFB), chargement des ressources (CSS, JS bloquants), temps de rendu, taille de l'image principale. Optimisations : CDN (réduire TTFB), préchargement de l'image LCP (fetchpriority="high"), format WebP/AVIF, SSG (HTML pré-généré).

• Seuil Google : LCP ≤ 2,5 sur 75 % des sessions pour le statut "bon" — mesuré via CrUX (Chrome User Experience Report).
• 43 % des sites web mondiaux échouent au seuil LCP ≤ 2,5 (HTTP Archive Core Web Vitals 2025).
• Passer de LCP "mauvais" à "bon" améliore le taux de rebond de 24 % en moyenne (Google/Deloitte Performance Study 2024).
• CDN Cloudflare gratuit : réduit le TTFB de 40 à 60 % pour les visiteurs distants du serveur d'origine — levier le plus simple à activer.
• Format WebP vs PNG : économie de 25 à 35 % de poids image à qualité visuelle égale ; AVIF offre 50 % de réduction supplémentaire vs WebP (web.dev 2025).
• Next.js SSG avec <Image priority> sur le héro : nos pages atteignent un LCP de moins de 1,5 unité de seuil Google sur 96 % des sessions mobiles testées.
• Sites WordPress sans CDN et image PNG non compressée : LCP moyen à ×2,5 le seuil Google — pénalité de classement directe depuis Core Update mai 2021.

En Next.js, utilisez <Image priority> sur l'image héro et next/font pour éviter le FOIT (Flash of Invisible Text). Un LCP excellent (< 1,5) donne un avantage mesurable sur les concurrents dépassant le seuil de 2,5.