Cos’è il First Contentful Paint (FCP)
Il First Contentful Paint (FCP) è una metrica di performance web che misura il tempo che intercorre tra l’inizio del caricamento e il momento in cui il browser visualizza il primo contenuto utile della pagina (testo, immagine o elemento SVG). È il momento in cui l’utente smette di vedere una schermata vuota e percepisce che il sito sta rispondendo. Il FCP non misura il caricamento completo della pagina, ma il primo segnale visivo concreto che il caricamento è in corso.
Come funziona il FCP
Il FCP calcola il tempo dalla request iniziale fino al rendering del primo elemento con valore informativo reale. Rientrano nel calcolo: testo visibile, immagini raster (JPG, PNG), elementi SVG e contenuti disegnati tramite canvas.
Sono invece esclusi: sfondi CSS, elementi nascosti, placeholder vuoti. Una pagina che mostra rapidamente uno sfondo colorato non ottiene un buon FCP se non presenta alcun contenuto effettivo, il motore di calcolo cerca il primo elemento che comunica qualcosa all’utente, non qualsiasi cambiamento visivo.
Perché è importante per la SEO
Il FCP non rientra tra i Core Web Vitals ufficiali, ma è un indicatore diagnostico fondamentale nell’ambito dell’ottimizzazione SEO. Una pagina che rimane bianca per diversi secondi trasmette all’utente un senso di lentezza e inaffidabilità, anche se il caricamento completo avviene correttamente subito dopo.
Il FCP incide indirettamente sull’esperienza utente, fattore sempre più centrale nei sistemi di ranking di Google, e aiuta a individuare problemi nelle prime fasi del caricamento che spesso si riflettono anche su metriche più avanzate come il Time to First Byte e il Cumulative Layout Shift.
Le cause più comuni di un FCP elevato: tempi di risposta del server lenti, CSS e JavaScript non ottimizzati che bloccano il rendering, font web che ritardano la visualizzazione del testo, assenza di caching o CDN. Per migliorarlo si interviene principalmente sulla fase iniziale del caricamento: ottimizzare il TTFB, eliminare le risorse render-blocking, comprimere gli asset critici e usare font-display: swap per i font.
FCP: riepilogo rapido
| Aspetto | Dettaglio |
|---|---|
| Cosa misura | Tempo al primo contenuto visibile utile (testo, immagine, SVG) |
| Valore buono | ≤ 1,8 secondi |
| Da migliorare | 1,8 – 3 secondi |
| Scarso | > 3 secondi |
| È un Core Web Vital? | No (è una metrica diagnostica) |
| Cause principali | Server lento, CSS/JS render-blocking, font non ottimizzati, assenza di CDN |
| Come misurarlo | PageSpeed Insights, Google Lighthouse, Chrome DevTools, GTmetrix |
| Differenza con LCP | FCP = primo contenuto qualsiasi; LCP = elemento principale della pagina |
Domande frequenti sul FCP
Qual è la differenza tra FCP e LCP? Il FCP misura quando appare il primo contenuto visibile, qualsiasi elemento, anche un piccolo testo. Il LCP (Largest Contentful Paint) misura quando viene renderizzato l’elemento principale della pagina, ad esempio l’immagine hero o il titolo principale. Una pagina può avere un FCP rapido ma un LCP scarso: se un breve testo appare subito ma l’immagine principale impiega secondi, il FCP sarà buono ma il LCP no. Il LCP è un Core Web Vital e ha impatto diretto sul ranking; il FCP resta una metrica diagnostica.
Come si misura il FCP in modo affidabile? Strumenti come PageSpeed Insights e Google Lighthouse forniscono dati di laboratorio, utili per identificare problemi in condizioni controllate. Per valutazioni strategiche è preferibile affidarsi ai dati reali raccolti da Google Search Console, che riflettono l’esperienza effettiva degli utenti sul campo. I due approcci sono complementari: il laboratorio per diagnosticare, i dati reali per validare.
Migliorare il FCP influisce sul posizionamento Google? Non direttamente, perché il FCP non è un Core Web Vital. Ma indirettamente sì: un FCP lento spesso segnala problemi tecnici che impattano anche su LCP e INP, questi ultimi fattori di ranking dichiarati. Intervenire sul FCP migliora l’esperienza percepita dagli utenti e riduce la frequenza di rimbalzo, entrambi segnali comportamentali che Google considera nella valutazione complessiva della qualità di una pagina.
