Largest Contentful Paint (LCP) måler, hvor lang tid det tager for den største tekstblok, billede eller videoposter i viewporten at blive renderet. Det er en af de tre Core Web Vitals og rapporteres af både lab-værktøjer og Chrome User Experience Report.
Hvorfor det er vigtigt
LCP er Googles primære mål for oplevet indlæsningshastighed. Web.dev-grænserne er klare: 2,5 sekunder er godt, 4,0 sekunder er dårligt, og field-LCP indgår direkte i page experience-signalerne, som søgemaskiner bruger. En langsom LCP skyldes typisk enten en langsom server, et tungt hero-billede eller render-blocking ressourcer — alle faktorer, der også øger afvisningsraten.
Sådan fikser du det
- Find LCP-elementet med Lighthouse eller DevTools.
- Sænk TTFB med caching, CDN og en hurtigere origin.
- Preload hero-billedet med
<link rel="preload" as="image">og servér det i moderne formater (AVIF, WebP). - Sæt eksplicit
widthogheightpå billeder, så layout ikke skubber LCP-elementet — det hjælper også CLS. - Undgå lazy-loading på hero-billedet; lazy-load kun below-the-fold medier.