Wil je weten waarom je website traag laadt? Met Google Lighthouse kun je een pagina testen en zien waar verbetering mogelijk is. Je vindt de tool in de ontwikkelaarstools van Chrome en Edge. Hieronder leggen we de metingen uit die je in een rapport kunt tegenkomen.
Metrics
First Contentful Paint
First Contentful Paint (FCP) meet hoe lang het duurt voordat de browser de eerste tekst of afbeelding laat zien.
Een lage FCP betekent dat een bezoeker eerder iets op het scherm ziet. Dat betekent nog niet dat de hele pagina klaar is. Een snelle eerste weergave is dus een begin, maar niet het hele verhaal.
Lees meer over FCP en hoe je dit kunt verbeteren op web.dev/fcp.
Speed Index
Speed Index meet hoe snel inhoud visueel wordt weergegeven tijdens het laden van de pagina. Lighthouse maakt eerst een video van het laden van de pagina in de browser en berekent de visuele voortgang tussen frames.
Hoe lager de Speed Index, hoe sneller de zichtbare inhoud verschijnt. Deze meting kijkt dus niet alleen naar het eerste stukje tekst of de grootste afbeelding, maar naar de opbouw van het scherm.
Lees meer over Speed Index en hoe je dit kunt verbeteren op web.dev/speed-index.
Largest Contentful Paint
Largest Contentful Paint (LCP) meet hoe lang het duurt voordat de grootste afbeelding of het grootste tekstblok in het zichtbare deel van de pagina verschijnt. De tijd begint bij het laden van de pagina.
Streef naar een LCP van 2,5 seconden of minder.
Lees meer over LCP en hoe je dit kunt verbeteren op web.dev/lcp.
Time to Interactive
Time to Interactive (TTI) stond in oudere Lighthouse-rapporten en is sinds Lighthouse 10 uit de prestatiescore verwijderd. De meting keek naar de tijd die nodig was voordat je de pagina goed kon bedienen.
Daarbij telde mee of er nuttige inhoud zichtbaar was, de zichtbare onderdelen bedienbaar waren en de pagina snel op invoer reageerde. In oudere uitleg wordt hiervoor een reactietijd van 50 milliseconden gebruikt.
Lees meer over Time to Interactive en hoe je dit kunt verbeteren op web.dev/interactive.
Total Blocking Time
Total Blocking Time (TBT) telt hoeveel tijd lange taken de browser blokkeren tijdens het laden. Bij een taak die langer dan 50 milliseconden duurt, telt het deel boven die grens mee. Tijdens zulke taken kan de pagina minder snel reageren op bijvoorbeeld een klik of toetsaanslag.
Streef naar een TBT van maximaal 200 milliseconden.
Lees meer over TBT en hoe je dit kunt verbeteren op web.dev/tbt.
Cumulative Layout Shift
Cumulative Layout Shift (CLS) meet de beweging van zichtbare elementen binnen de viewport.
Een verschuiving ontstaat bijvoorbeeld wanneer een afbeelding alsnog ruimte inneemt en tekst naar beneden duwt. CLS groepeert zulke verschuivingen in sessievensters: minder dan één seconde tussen twee verschuivingen en maximaal vijf seconden per venster.
Lees meer over CLS en hoe je dit kunt verbeteren op web.dev/cls.
