First Contentful Paint

Abréviation(s) : FCP

Le First Contentful Paint (FCP) est une métrique de performance web qui mesure le temps écoulé entre le début du chargement d’une page et le moment où le premier élément visible est affiché à l’écran. Cet élément peut être un texte, une image, un SVG, ou d’autres éléments HTML visibles. Le FCP est essentiel car il reflète la rapidité avec laquelle un utilisateur perçoit qu’une page commence à charger et devient interactive.

Contrairement à d’autres métriques, qui se concentrent sur l’intégralité de la page ou sur l’interaction complète, le FCP se concentre sur le premier contenu significatif visible par l’utilisateur, ce qui influence directement sa perception de la rapidité du site.

Les facteurs influençant le FCP incluent :

  • Temps de réponse du serveur : Un serveur lent peut retarder l’envoi du contenu visible initial.
  • Chargement des fichiers CSS : Les styles sont nécessaires pour que le contenu soit affiché correctement, donc un CSS lourd ou mal optimisé peut ralentir le FCP.
  • Tâches JavaScript bloquantes : Un JavaScript exécuté trop tôt ou non optimisé peut empêcher le navigateur de rendre le contenu visible.

Pour améliorer le FCP, il est recommandé de :

  • Optimiser les images et les ressources CSS pour qu’elles se chargent plus rapidement.
  • Réduire les tâches JavaScript non critiques qui pourraient bloquer le rendu du contenu.
  • Utiliser un Content Delivery Network (CDN) pour minimiser la latence.

Un bon score FCP est généralement inférieur à 1,8 seconde, offrant ainsi une expérience utilisateur rapide et satisfaisante. Le FCP est également pris en compte dans les Core Web Vitals, des indicateurs clés de performance pour l’expérience utilisateur sur le web, influençant ainsi le classement SEO d’une page.

Articles associés

Le mystère du LCP introuvable

Technique

15 octobre 2026

Si vous surveillez la perf de vos pages, vous scrutez régulièrement les valeurs de vos LCP. Eh bien, amateurs de sensations fortes, tenez-vous bien :...

Lire la suite de Le mystère du LCP introuvable

Êtes-vous prêt pour l’API View Transition ?

Technique

25 mars 2025

Lors de l’article précédent nous parlions de l’amélioration progressive, or l’API View Transition en est un exemple très concret et applicable dès aujourd’hui. La promesse...

Lire la suite de Êtes-vous prêt pour l’API View Transition ?

TBT : l’indicateur WebPerf de 2021 !

Technique

2 octobre 2020

Le Total Blocking Time ou TBT est un indicateur précieux et encore sous-exploité surtout si vous comptez améliorer vos indicateurs Web Vitals...

Lire la suite de TBT : l’indicateur WebPerf de 2021 !

Web Vitals : les mesures essentielles selon Google

Technique

11 mai 2020

Le 5 mai dernier, Google via web.dev a publié ses recommandations en matière de mesure qualité de l'expérience utilisateur : Web Vitals, mesures essentielles pour...

Lire la suite de Web Vitals : les mesures essentielles selon Google