First Contentful Paint (FCP) måler tiden fra en bruger anmoder om en side, til browseren renderer det første stykke indhold — tekst, et billede, en SVG eller et non-blank canvas. Den rapporteres af både Lighthouse og Chrome User Experience Report og ligger tidligt i indlæsningsforløbet.
Hvorfor det er vigtigt
FCP er det øjeblik, hvor brugeren holder op med at stirre på en blank skærm, og det former den oplevede hastighed længe før siden er fuldt brugbar. Web.dev klassificerer en FCP under 1,8 sekunder som god og over 3,0 sekunder som dårlig. En langsom FCP peger normalt på render-blocking ressourcer eller en langsom server, og den har en tendens til at trække LCP med sig — at fikse FCP forbedrer ofte hele indlæsningssekvensen. I modsætning til Core Web Vitals bruges FCP ikke direkte til rangering, men en dårlig FCP falder næsten altid sammen med dårlige field-metrikker, der gør.
Sådan fikser du det
- Reducér serversvartiden, så TTFB holder sig under 800 ms.
- Inline kritisk CSS og defer eller async ikke-essentielle stylesheets og scripts.
- Preload nøgle-fonts og brug
font-display: swapfor at undgå usynlig tekst. - Fjern render-blocking tredjeparts-tags fra dokumentets head.
- Servér komprimerede, moderne billedformater og prioritér hero-billedet.
- Sammenlign kørsler i Lighthouse for at bekræfte, at rettelser holder på tværs af builds, og validér derefter mod lab data-trends.