LCP (Largest Contentful Paint)

LCP, Largest Contentful Paint, er en af de tre målinger i Googles Core Web Vitals. Den svarer på et enkelt spørgsmål: hvornår kan brugeren se det vigtigste indhold på siden? Browseren holder øje med de elementer, der tegnes i det synlige område, og LCP er tidspunktet, hvor det største af dem er færdigt. På en produktside er det typisk produktbilledet. På en artikel er det ofte topbilledet eller overskriften.

Hvad er en god LCP?

Google bruger tre grænser. 2,5 sekunder eller mindre er godt. Mellem 2,5 og 4 sekunder skal forbedres. Over 4 sekunder er dårligt. Vurderingen gælder den 75. percentil af rigtige besøg, så tre ud af fire besøg skal ligge under grænsen. Det er vigtigt, fordi en hurtig test på din egen computer med fiberforbindelse ikke viser, hvad en kunde på mobil i et tog oplever. Data fra rigtige brugere finder du i Google Search Console og i PageSpeed Insights, når siden har nok trafik.

Hvorfor er min LCP langsom?

Google deler LCP op i fire dele, og det hjælper at vide, hvilken af dem der koster tid:

• Serverens svartid: tiden, før det første byte af siden når frem.
• Forsinkelse før indlæsning: tiden, før browseren opdager og begynder at hente LCP-billedet.
• Indlæsningstid: hvor længe selve billedet eller skrifttypen tager at hente.
• Forsinkelse før visning: tiden fra filen er hentet, til den faktisk bliver vist.

Når du kender fordelingen, ved du, hvor du skal sætte ind. Er serverens svartid høj, hjælper billedkomprimering kun lidt, og omvendt. På mange danske webshops er den største synder forsinkelsen før indlæsning. Billedet bliver først fundet, når JavaScript har kørt, eller det er sat til lazy loading, så browseren venter med det.

Sådan forbedrer du LCP

Find først LCP-elementet. PageSpeed Insights og fanen Performance i Chrome DevTools viser det direkte. Derefter er de mest effektive greb disse. Fjern lazy loading fra det billede, der ligger øverst, og giv det fetchpriority="high", så browseren henter det først. Lever billedet i et moderne format som WebP eller AVIF og i en størrelse, der passer til skærmen. Sørg for, at billedet står i HTML-koden fra starten og ikke indsættes af et script. Brug et CDN og caching, så serveren svarer hurtigt, også for besøgende langt fra serveren. Og begræns CSS og skrifttyper, der blokerer visningen.

LCP hænger tæt sammen med den samlede sidehastighed, men det er ikke det samme. En side kan være tung at indlæse helt og stadig have en god LCP, fordi det vigtigste vises først. Det er netop pointen med målingen: den måler det, brugeren oplever, og ikke den tekniske indlæsning af hver eneste fil. Har du brug for et samlet eftersyn af hastighed og indeksering, kan du se, hvad vi kigger efter under teknisk SEO.