Sider som laster tregt

Silktide laster inn sidene dine i en ekte nettleser og måler hvor lang tid det tar før hovedinnholdet vises på skjermen. Dette bruker bransjestandarden Largest Contentful Paint, som måler når det største bildet eller den største tekstblokken blir synlig.

Largest Contentful Paint (LCP) er én av Googles Core Web Vitals. Den gjenspeiler bedre enn eldre målinger, for eksempel å vente på at hver fil skal bli ferdig nedlastet, det folk naturlig opplever som at «siden er lastet inn».

Hvorfor dette er viktig

Besøkende dømmer nettstedet ditt i løpet av de første sekundene. Sider der hovedinnholdet vises sent, mister besøkende før de rekker å lese noe: Studie etter studie kobler hvert ekstra sekund med innlasting til målbare økninger i frafall, særlig på mobil. Fordi LCP er en av Core Web Vitals, kan trege sider også få dårligere plassering i søkeresultater. En treg side mister derfor både besøkende den får, og noen den aldri får.

Slik løser du det

Silktide viser deg hvilket element på siden som er størst – det er dette elementet du må få vist tidligere.

1. Hvis det er et bilde, gjør det mindre og raskere: komprimer det, bruk et moderne format, og lever det i størrelsen det vises i – se Optimalisering av bilder. Ikke bruk lazy loading på hovedbildet.
2. Fjern eller utsett alt som forsinker gjengivelsen, for eksempel stilark og skript som blokkerer siden – se Ressurser som blokkerer gjengivelsen.
3. Gjør serverens første svar raskere, siden alt annet venter på HTML – både bufring og en CDN hjelper.

Slik tester Silktide dette

1. Last inn siden i en ekte nettleser, og mål tiden til Largest Contentful Paint i millisekunder.
2. Finn ut hvilket element som var størst på det tidspunktet, og vis det til deg.
3. Vurder resultatet ved hjelp av standardgrensene for LCP: opptil 2,5 sekunder er bra, mens alt over 4 sekunder regnes som dårlig.

Feilsøking

Siden føles raskere enn målingen tilsier

LCP måler det første besøket med en tom buffer, slik en ny besøkende opplever det. Når du besøker siden på nytt, brukes bufrede filer, og den føles mye raskere.

Det største elementet er ikke det viktigste

LCP måler tiden til elementet som er størst, vanligvis et hero-bilde eller en overskrift. Hvis et tilfeldig element, for eksempel et bakgrunnsbilde, er LCP, vil det å gjøre dette raskere likevel gjøre det raskere for besøkende, fordi alt som gjengis rundt det, får fordel av de samme forbedringene.

Les mer

• Sidehastighet og Core Web Vitals – rammeverk for prioritering av LCP og de andre målingene
• Largest Contentful Paint (web.dev)
• Optimaliser LCP (web.dev)
• Ressurser som blokkerer gjengivelsen