Hvad er LCP (Largest Contentful Paint)?

LCP (Largest Contentful Paint) er en af Googles tre Core Web Vitals og måler, hvor lang tid det tager for det største synlige indholdselement på en side at blive fuldt renderet. Det "største element" er typisk et hero-billede, en stor tekstblok eller et videoelement. Google anser en LCP under 2,5 sekunder som god.

Hvorfor er LCP vigtig for SEO?

LCP er en direkte rankingfaktor som del af Googles Page Experience-signal. En langsom LCP betyder, at brugere venter længe på at se det primære indhold, hvilket fører til dårlig brugeroplevelse og højere bounce rates. Studier viser, at 53% af mobilbrugere forlader en side, der tager mere end 3 sekunder at indlæse. God LCP er derfor afgørende for både rankings og konvertering.

Hvad måler LCP præcist?

LCP måler render-tiden for det største element i viewporten. Følgende elementer kan være LCP-elementet:

• Billeder: <img>-elementer og CSS background-images
• Video: Poster-billeder på <video>-elementer
• Tekstblokke: Store blokke af tekst i overskrifter eller afsnit
• SVG: Inline eller ekstern SVG-grafik

Sådan forbedrer du LCP

De vigtigste optimeringer for bedre LCP er:

• Optimer server response-tid (TTFB) med caching og CDN
• Preload det LCP-element (f.eks. hero-billede) med <link rel="preload">
• Optimer og komprimer billeder (WebP/AVIF-format)
• Minimér render-blokerende CSS og JavaScript
• Brug server-side rendering (SSR) eller static generation (SSG)

Almindelige fejl

En hyppig fejl er at lazy-loade det LCP-element. Billeder over folden bør aldrig lazy-loades, da det forsinker LCP. En anden fejl er at bruge store, ukomprimerede billeder som hero-billede uden responsive sizes.

Praktisk tip

Find dit LCP-element via Chrome DevTools (Performance panel) eller PageSpeed Insights. Sørg for at dette specifikke element indlæses så hurtigt som muligt. Brug fetchpriority="high" på LCP-billedet i HTML for at give browseren et signal om at prioritere det.