FCP
First Contentful Paint. Temps avant le premier rendu de contenu visible à l'écran.
Le FCP (First Contentful Paint) mesure le temps entre la navigation et le premier rendu de contenu visible (texte, image) à l'écran. C'est un indicateur de la vitesse de chargement perçue.
Comment le réduire concrètement
Le FCP dépend d’abord du temps serveur, puis des ressources bloquantes. Réduisez le TTFB par du cache et un CDN, supprimez les feuilles de style inutilisées, chargez les scripts non critiques en différé et intégrez le CSS critique directement dans la page. Préconnectez les domaines tiers : chaque nouvelle connexion coûte facilement 100 à 300 millisecondes.
FCP vs LCP
Le FCP marque l’apparition du premier pixel de contenu, le LCP celle du plus gros élément visible, souvent l’image de bandeau ou le titre principal. Un FCP rapide suivi d’un LCP lent signale un rendu progressif mal hiérarchisé : l’utilisateur voit quelque chose, mais pas encore ce qu’il est venu chercher. Traitez les deux dans cet ordre.
À quel seuil s’inquiéter
En dessous de 1,8 seconde, la perception reste fluide. Entre 1,8 et 3 secondes, vous êtes en zone tiède et perdez déjà des visiteurs mobiles en 4G. Au-delà de 3 secondes, le problème est structurel : hébergement sous-dimensionné, absence de cache ou empilement de scripts marketing. Mesurez toujours sur mobile, réseau bridé, pas sur votre poste en fibre.
Exemple concret
Une PME B2B mesure un FCP mobile de 3,4 secondes. En passant le CSS critique en ligne et en différant six scripts marketing, elle tombe à 1,6 seconde. Sur 12 000 sessions mensuelles, les abandons avant affichage reculent d’environ 8 points.
Termes associés
LCP
Largest Contentful Paint. Mesure la vitesse de chargement du contenu principal d'une page. Google recommande < 2,5 secondes.
TTFB
Time To First Byte. Temps entre la requête du navigateur et la réception du premier octet du serveur.
Core Web Vitals
Signaux web essentiels. Métriques Google mesurant la performance UX : LCP, INP et CLS.
Hero Section
Zone principale en haut d'une landing page contenant le titre, le sous-titre, le CTA et un visuel.
Landing Page
Page de destination. Page spécifique conçue pour convertir les visiteurs d'une campagne marketing.
Lazy Loading
Technique chargeant les images et médias uniquement quand l'utilisateur scrolle jusqu'à leur position.
FCP en pratique : UX & Design
Pour aller au-delà de la définition, découvrez notre accompagnement CRO et expérience.