Largest Contentful Paint-test (LCP)
SEOptimer's Largest Contentful Paint-test viser din sides LCP i forhold til Googles grænseværdier ved hjælp af Googles egne feltdata fra rigtige besøgende.
SEO-audit af ethvert website på få sekunder
+ Omfattende SEO-/GEO-værktøjer til alle funktioner
Kør over 100 kontroller af dit website inden for on-page SEO, brugervenlighed, ydeevne, sociale medier og links. Nu med GEO i alle rapporter. SEOptimer tilbyder også søgeordsanalyse, rangsporing, backlinkanalyse og en komplet webcrawler.
Om Largest Contentful Paint
Hvad er Largest Contentful Paint?
Largest Contentful Paint måler, hvor lang tid det tager for det største synlige element at blive færdigrenderet – som regel et hero-billede, en videoplakate eller en blok med overskriftstekst. Det er det nærmeste, et enkelt tal kommer på at besvare spørgsmålet: "Hvornår blev siden vist?"
Målingen ignorerer bevidst alt under folden og alt, der ikke er synligt. En side kan stadig være i gang med at indlæse scripts og skrifttyper længe efter dens LCP, og set fra denne målings synspunkt er det helt i orden, fordi den besøgende allerede har noget at læse.
Det er det, der adskiller den fra den samlede indlæsningstid. Indlæsningstiden beskriver, hvornår browseren er færdig med sit arbejde; LCP beskriver det øjeblik, hvor siden blev nyttig, altså det øjeblik den besøgende faktisk oplever.
Hvad regnes som en god LCP?
Google anser 2,5 sekunder eller mindre for at være godt, 2,5 til 4 sekunder for at kræve forbedring og alt over 4 sekunder for at være dårligt. Grænsen gælder for den 75. percentil af reelle sideindlæsninger, så den skal være opfyldt for tre ud af fire besøgende og ikke blot i gennemsnit.
Den percentil er vigtigere, end det umiddelbart ser ud til. Et gennemsnit kan nemt reddes af hurtige besøg på hurtige forbindelser, mens 75-percentilen holder den langsommere fjerdedel af dit publikum i fokus, hvilket som regel er den mobile fjerdedel.
En side kan derfor fejle på LCP, selvom den føles helt hurtig på den maskine, den blev bygget på. Denne forskel er det normale snarere end undtagelsen.
Hvad forårsager normalt en langsom LCP?
Selve elementet er sjældent problemet. Det, der forsinker det, er næsten altid noget, der sker før det, og der er fire sædvanlige syndere:
- En langsom serversvarstid, som forsinker alt efterfølgende, før en byte bliver gengivet.
- Render-blokerende CSS og JavaScript i head-sektionen, som browseren skal færdiggøre, før den kan tegne siden.
- Hero-billedet er stort, ikke optimeret eller indlæses lazy, selv om det ikke burde.
- Billedet opdages sent, fordi det angives via CSS eller indsættes af et script i stedet for at være i HTML-koden.
Den sidste er den, der oftest snyder folk. En browser kan kun begynde at hente det, den kan se i markuppen, så et billede, som HTML-koden ikke nævner, kan ikke begynde at blive indlæst, før det stylesheet eller script, der nævner det, er hentet og fortolket.
Sådan forbedrer du det
- Indsæt hero-billedet i HTML-koden som et img-tag, så browseren finder det med det samme.
- Indlæs aldrig LCP-elementet lazy - lazy loading er beregnet til det, der ligger under folden.
- Vis det i et moderne format og i den størrelse, det faktisk vises i.
- Forudindlæs det, hvis det reelt er det vigtigste på siden.
- Flyt ikke-kritisk CSS og JavaScript ud af renderingsstien.
- Reducer serverens svartid, da hvert millisekund bruges, før alt andet begynder.
Hvad dette værktøj kontrollerer
LCP-testen læser Googles feltdata for siden – målinger indsamlet fra rigtige besøgende i Chrome – og viser, hvordan den ligger i forhold til ovenstående grænseværdier.
Hvis der ikke vises noget resultat, er der ikke tilstrækkelig trafik til siden til, at Google kan rapportere om den, hvilket er almindeligt for nye eller mindre besøgte sider. Det er ikke en fejl, og den fornuftige reaktion er at udbedre de åbenlyse årsager i stedet for at vente på, at der vises en score.
For de to andre metrics eller alle tre samlet skal du bruge Core Web Vitals-test.
Hvad kan du gøre som det næste
LCP er et symptom; årsagerne er vægt og ventetid. Tjek, hvor lang tid serveren er om at svare, med test af hjemmesidens indlæsningshastighed, hvor meget siden fylder, med websidens filstørrelse-kontrollen, og om selve billederne er problemet, med billedoptimering-kontrollen.
Omfattende SEO-værktøjskasse med over 55 værktøjer
Tjek sidetitler, metabeskrivelser, overskrifter, Schema, Core Web Vitals, SSL og robots.txt. Generér metatags, sitemaps og .htaccess-regler, minificér CSS, JS og HTML, og udarbejd tekster med vores AI-skriveværktøjer – øjeblikkeligt og gratis.
Yderligere læsning
Se Mere
Core Web Vitals: What are They? How are They Crucial to SEO?
You should optimize your web pages for a seamless user experience. But how can you measure the quality of user experience on a site? That’...
SEOptimer's Core Web Vitals Checks
What are Core Web Vitals?
Google launched the Core Web Vitals (CWV) initiative in 2020 - "essential metrics for a healthy site". T...
Page Speed: What It Is, and How It Impacts SEO
What is Page Speed?
The term page speed refers to the amount of time your media content or web page will take to download from the...
Webpage Size - Why is it important? And how do you optimize it?
What is Webpage Size?
The term webpage size in the SEO world refers to the downloaded file size of a given web page.
The...