FCP (First Contentful Paint)

Temps nécessaire pour que le premier élément visible apparaisse à l’écran (texte ou image). Seuil recommandé : moins de 1,8 seconde.

Voir tous les termes Web

Définition

Le FCP, ou First Contentful Paint, mesure le temps nécessaire pour que le premier élément visible apparaisse à l’écran lors du chargement d’une page, texte ou image.

La première impression de vitesse

Le FCP correspond au moment où un visiteur voit enfin quelque chose s’afficher, après un écran blanc initial : cette première impression influence fortement la perception globale de rapidité d’un site, indépendamment de son temps de chargement complet.

Le seuil recommandé

Google recommande un FCP inférieur à 1,8 seconde pour offrir une expérience satisfaisante : au-delà, le visiteur commence à percevoir un délai gênant avant même de voir le contenu recherché.

Améliorer son FCP

Réduire la taille des fichiers CSS bloquant l’affichage, optimiser le temps de réponse du serveur, ou précharger les ressources critiques figurent parmi les leviers efficaces pour améliorer ce délai. Nos projets digitaux intègrent cette optimisation.

FCP et Core Web Vitals

Bien que le FCP ne fasse pas partie des trois métriques officielles Core Web Vitals, il reste un indicateur complémentaire précieux pour comprendre la performance perçue d’un site dans le cadre d’une stratégie digitale globale.

Question fréquente

Où mesurer son FCP ?
Google PageSpeed Insights affiche cette métrique gratuitement pour n’importe quelle URL, offrant également des recommandations concrètes pour l’améliorer.

À retenir

Optimiser cette première impression visuelle améliore directement la satisfaction ressentie par vos visiteurs. Découvrez nos créations digitales.

FCP et polices personnalisées

Le chargement de polices de caractères personnalisées peut retarder le FCP si elles ne sont pas correctement optimisées, le navigateur attendant parfois leur téléchargement complet avant d’afficher le texte correspondant.

Précharger les polices critiques dès le début du chargement d’une page évite ce délai supplémentaire inutile.

FCP et hiérarchie de chargement

Prioriser le chargement des éléments visibles immédiatement à l’écran, avant ceux situés plus bas dans la page, permet d’améliorer le FCP sans nécessairement accélérer le chargement complet de l’ensemble du site.

Un dernier conseil

Tester régulièrement le FCP depuis différentes localisations géographiques donne une vision plus représentative de l’expérience vécue par une audience internationale.

Un exemple concret

Une page affichant d’abord un fond blanc pendant deux secondes avant qu’un titre n’apparaisse donne une impression de lenteur, même si le reste du contenu se charge ensuite très rapidement.