First Contentful Paint (FCP) - Définition

Définition du First Contentful Paint (FCP)

Le First Contentful Paint (FCP) est un indicateur clé de performance web qui mesure le moment où le premier élément visuel d’une page est affiché à l’écran après le début du chargement.

Il s’agit du premier "signal visuel" reçu par l’utilisateur : cela peut être du texte, une image, un fond coloré, un logo… En clair, le FCP correspond au moment où la page commence réellement à “vivre” pour l’utilisateur.

Pourquoi le FCP est-il important ?

Le FCP reflète la vitesse perçue d’un site. Un site peut être techniquement rapide, mais si aucun contenu n’apparaît à l’écran pendant plusieurs secondes, l’utilisateur aura l’impression que la page est lente, voire cassée.

Un FCP rapide contribue à :

Réduire la frustration : l’utilisateur voit que quelque chose se passe.
Augmenter la confiance : un site réactif est perçu comme fiable.
Améliorer le SEO : le FCP fait partie des Core Web Vitals, critères utilisés par Google pour évaluer la qualité de l’expérience utilisateur.

Quels sont les seuils du FCP recommandés par Google ?

Google classe les performances du FCP en 3 niveaux :

🟢 Bon : inférieur à 1,8 seconde
🟡 À améliorer : entre 1,8 et 3 secondes
🔴 Mauvais : supérieur à 3 secondes

Vous pouvez mesurer le FCP de votre site ou d'une page en particulier en utilisant l'outil PageSpeed Insights de Google.

Comment améliorer le FCP d'une page ?

Pour obtenir un bon FCP, il faut réduire le poids des ressources critiques et prioriser l’affichage du contenu visible immédiatement.

Bien qu'il s'agisse d'un sujet parfois complexe nécessitant de faire appel à une agence web ayant une expertise sur le sujet, voici les principales pistes à creuser pour améliorer votre FCP :

Différer le chargement du JavaScript non essentiel pour afficher la page.
Optimiser les images en utilisant des formats modernes et les compressant.
Précharger les polices utilisées pour éviter les flashs invisibles.
Utiliser un CDN pour rapprocher le contenu de la zone géographique de l'utilisateur.

L'une des armes principales face à un mauvais FCP est l'utilisation du lazy loading qui permettra de se rapprocher d'un FCP inférieur à 1,8 seconde.