Ce este FCP (First Contentful Paint)?
Timpul pana la afisarea primului element vizibil pe pagina
Definiție FCP (First Contentful Paint)
FCP masoara cat de repede apare primul element vizibil (text, imagine, canvas) dupa ce utilizatorul acceseaza pagina. Un FCP bun este sub 1.8 secunde. Este diferit de LCP: FCP masoara ORICE prim element, pe cand LCP masoara cel mai MARE element. Un FCP lent inseamna ca utilizatorul vede o pagina alba prea mult timp.
De ce contează FCP (First Contentful Paint)
FCP (First Contentful Paint) masoara momentul in care browserul afiseaza primul element vizibil — text, imagine sau SVG. Este primul semnal vizual pe care utilizatorul il primeste ca pagina se incarca, iar un FCP peste 1.8 secunde creeaza impresia ca site-ul nu raspunde. Studiile Google arata ca 53% dintre utilizatorii mobili abandoneaza site-urile care nu incarca nimic in 3 secunde.
Cum verifici FCP (First Contentful Paint)
Instrumentul de performanta SoftAudit masoara FCP in milisecunde si il compara cu pragurile Google: sub 1.8s este bun (verde), 1.8-3s necesita imbunatatiri (portocaliu), peste 3s este slab (rosu). Raportul identifica factorii care intarzie FCP: CSS render-blocking, fonturi custom si redirectari inainte de incarcare.
Testează performanța →Greșeli frecvente
Includerea intregului CSS al site-ului intr-un singur fisier monolitic de 200-500KB blocheaza afisarea oricarui element pana cand intregul fisier este descarcat si procesat. La fel, fonturile web fara font-display: swap fac textul invizibil (FOIT) pana la incarcarea completa a fontului.
Bune practici
Extrage CSS-ul critic necesar primului ecran (above the fold) si include-l inline in <head>, iar restul incarca-l asincron. Preincarca fontul principal cu <link rel=preload as=font crossorigin>, seteaza font-display: swap si elimina redirect-urile din lantul de incarcare al paginii.
Verifică acum
Folosește instrumentul gratuit SoftAudit pentru a verifica fcp (first contentful paint) pe site-ul tău.
Test Performanță — GratuitÎntrebări frecvente
Ce este FCP (First Contentful Paint)?
FCP masoara cat de repede apare primul element vizibil (text, imagine, canvas) dupa ce utilizatorul acceseaza pagina. Un FCP bun este sub 1.8 secunde. Este diferit de LCP: FCP masoara ORICE prim element, pe cand LCP masoara cel mai MARE element. Un FCP lent inseamna ca utilizatorul vede o pagina alba prea mult timp.
De ce este important FCP (First Contentful Paint) pentru un website?
FCP (First Contentful Paint) masoara momentul in care browserul afiseaza primul element vizibil — text, imagine sau SVG. Este primul semnal vizual pe care utilizatorul il primeste ca pagina se incarca, iar un FCP peste 1.8 secunde creeaza impresia ca site-ul nu raspunde. Studiile Google arata ca 53% dintre utilizatorii mobili abandoneaza site-urile care nu incarca nimic in 3 secunde.
Termeni asociați
Timpul pana la afisarea celui mai mare element vizibil
Timpul pana la primirea primului byte de la server
Cele 3 metrici Google pentru experienta utilizatorului pe web
Cat de repede devine vizibil continutul paginii in timpul incarcarii
Proprietatea CSS care controleaza cum se afiseaza textul inainte de incarcarea fontului