Qu'est-ce que FCP (First Contentful Paint) ?

C'est comme la première phrase affichée sur un tableau d’affichage : ce n’est pas encore toute l’annonce, mais le passant sait que quelque chose arrive. Le FCP marque le début du feedback visuel utile — souvent corrélé à une bonne hiérarchie responsive et à un HTML servi rapidement (TTFB maîtrisé).

Comment ça marche ?

Chaîne critique ; CSS/JS ; fonts ; rendu. Relié au chemin hydratation ensuite pour apps React.

L'Impact Business

Réduction anxiété « écran blanc » et amélioration perception qualité — étape vers un bon LCP.

Bonnes pratiques vs Erreurs communes

• ✅ À faire : HTML minimal utile tôt ; déferrer JS non critique ; fonts optimisées ; mesures multi-device.
• ❌ À éviter : Splash screens factices. CSS géant bloquant sans stratégie.

Prompt IA

Contexte : landing [FCP 2,4 s mobile]. Liste trois actions prioritaires (fonts, CSS critique, JS) avec impact attendu qualitatif sur FCP vs LCP.