Langsomt indlæsende sider

Silktide indlæser dine sider i en rigtig browser og måler, hvor lang tid det tager, før hovedindholdet vises på skærmen. Dette anvender branchestandarden kaldet Largest Contentful Paint, som måler tidspunktet, hvor det største billede eller tekstblok bliver synligt.

Largest Contentful Paint (LCP) er en af Googles Core Web Vitals. Det afspejler bedre end ældre målinger, hvad folk naturligt oplever som "siden er indlæst", f.eks. at vente på, at alle filer er færdige med at downloade.

Hvorfor det er vigtigt

Besøgende vurderer din website i de første sekunder. Sider, hvor hovedindholdet er langsomt om at blive vist, mister besøgende, før de læser noget: Undersøgelse efter undersøgelse forbinder hvert ekstra indlæsningssekund med en mærkbart højere afvisningsrate, især på mobil. Da LCP er en Core Web Vital, kan langsomme sider også rangere lavere i søgeresultaterne, så en langsom side mister både de besøgende, den får, og nogle, den aldrig får.

Sådan løser du det

Silktide viser dig, hvilket element på siden der er størst – det er det element, du skal få vist hurtigere.

1. Hvis det er et billede, skal du gøre det mindre og hurtigere: Komprimér det, brug et moderne format, og vis det i den størrelse, det vises i – se Billedoptimering. Brug aldrig lazy-loading til hovedbilledet.
2. Fjern eller udsæt alt, der forsinker gengivelsen, f.eks. typografiark og scripts, der blokerer siden – se Ressourcer, der blokerer gengivelsen.
3. Gør serverens første svar hurtigere, da alt andet venter på HTML – både caching og et CDN hjælper.

Sådan tester Silktide dette

1. Indlæs siden i en rigtig browser, og mål tiden for Largest Contentful Paint i millisekunder.
2. Identificér, hvilket element der var størst på det tidspunkt, og vis det til dig.
3. Vurder resultatet ved hjælp af standardgrænserne for LCP: Op til 2,5 sekunder er godt, og alt over 4 sekunder betragtes som dårligt.

Fejlfinding

Siden føles hurtigere, end målingen angiver

LCP måler et første besøg med en tom cache, hvilket er det, en ny besøgende oplever. Dine egne gentagne besøg genbruger cachelagrede filer og føles meget hurtigere.

Det største element er ikke det vigtige

LCP måler det element, der er størst, typisk et hero-billede eller en overskrift. Hvis et tilfældigt element (f.eks. et baggrundsbillede) er din LCP, vil det stadig gøre det, som besøgende oplever, hurtigere, fordi alt, der gengives omkring det, drager fordel af de samme rettelser.

Få mere at vide

• Sidehastighed og Core Web Vitals - prioriteringsramme for LCP og de øvrige vitals
• Largest Contentful Paint (web.dev)
• Optimér LCP (web.dev)
• Ressourcer, der blokerer gengivelsen