Langzaam ladende pagina's
Silktide laadt je pagina's in een echte browser en meet hoe lang het duurt voordat de belangrijkste inhoud op het scherm verschijnt. Hiervoor wordt de industriestandaardmaatstaf Largest Contentful Paint gebruikt. Deze meet wanneer de grootste afbeelding of het grootste tekstblok zichtbaar wordt.
Largest Contentful Paint (LCP) is een van Google's . Het geeft beter weer wat mensen van nature ervaren als "de pagina is geladen" dan oudere maatstaven, zoals wachten tot elk bestand volledig is gedownload.
Waarom dit belangrijk is
Bezoekers vormen zich in de eerste seconden een oordeel over je website. Pagina's waarvan de belangrijkste inhoud langzaam verschijnt, verliezen bezoekers voordat ze iets hebben gelezen: onderzoek na onderzoek legt een verband tussen elke extra seconde laadtijd en een meetbaar hoger vertrekpercentage, vooral op mobiele apparaten. Omdat LCP een Core Web Vital is, kunnen trage pagina's ook lager worden gerangschikt in zoekresultaten. Een trage pagina verliest dus zowel bezoekers die de pagina wel bereiken als bezoekers die de pagina daardoor nooit bereiken.
Hoe je dit oplost
Silktide laat zien welk element op de pagina het grootst is - dat element moet je eerder laten verschijnen.
- Als het een afbeelding is, maak deze kleiner en sneller: comprimeer de afbeelding, gebruik een modern formaat en lever deze aan op de weergegeven grootte - zie Afbeeldingen optimaliseren. Gebruik nooit voor de hoofdafbeelding.
- Verwijder alles wat het renderen vertraagt of stel het laden ervan uit, zoals stylesheets en scripts die de pagina blokkeren - zie Bronnen die het renderen blokkeren.
- Versnel de eerste reactie van de server, omdat al het andere op de wacht - caching en een helpen hierbij.
Hoe Silktide dit controleert
- Laad de pagina in een echte browser en meet de Largest Contentful Paint-tijd in milliseconden.
- Bepaal welk element op dat moment het grootst was en toon dit aan je.
- Beoordeel het resultaat aan de hand van de standaarddrempelwaarden voor LCP: maximaal 2,5 seconden is goed en alles boven 4 seconden wordt als slecht beschouwd.
Problemen oplossen
De pagina voelt sneller aan dan de meting suggereert
LCP meet een eerste bezoek met een lege , wat overeenkomt met de ervaring van een nieuwe bezoeker. Bij herhaalde bezoeken worden de bestanden uit de cache opnieuw gebruikt, waardoor de pagina veel sneller aanvoelt.
Het grootste element is niet het belangrijkste
LCP meet de tijd voor het element dat het grootst is, meestal een heroafbeelding of kop. Als een bijkomend element, zoals een achtergrondafbeelding, je LCP is, zorgt het versnellen daarvan er nog steeds voor dat bezoekers de pagina sneller ervaren, omdat alles wat eromheen wordt weergegeven profiteert van dezelfde verbeteringen.
Meer informatie
- Pagina snelheid en Core Web Vitals - prioriteringskader voor LCP en de andere vitals
- Largest Contentful Paint (web.dev)
- LCP optimaliseren (web.dev)
- Bronnen die het renderen blokkeren