Speed Index in Lighthouse

« Back to Glossary Index

De Speed Index is een prestatiemeting in Lighthouse die aangeeft hoe snel de zichtbare inhoud van een pagina wordt opgebouwd. Niet wanneer de pagina klaar is, maar hoe snel er iets te zien is: een pagina die stapsgewijs vult, scoort beter dan een pagina die drie seconden wit blijft en dan in één klap verschijnt.

Hoe de meting werkt

Lighthouse maakt tijdens het laden een filmstrook van de pagina, frame voor frame. Per frame berekent het welk percentage van het uiteindelijke beeld al zichtbaar is. Die percentages worden over de tijd bij elkaar opgeteld. Hoe eerder het beeld compleet is, hoe lager de score, en lager is beter. De score wordt uitgedrukt in seconden.

Als richtlijn hanteert Lighthouse: onder de 3,4 seconden is goed, tussen 3,4 en 5,8 seconden vraagt om aandacht, daarboven is het traag.

Wat de score beïnvloedt

• Render-blokkerende bronnen. CSS en JavaScript in de kop van de pagina die eerst volledig geladen moeten zijn voordat de browser iets mag tekenen.
• Trage serverreactie. Als de server er een seconde over doet om het HTML-document te leveren, begint alles een seconde later.
• Zware afbeeldingen boven de vouw. Een hero-afbeelding van 2 MB houdt het hele beeld tegen.
• Webfonts. Tekst die pas verschijnt als het lettertype geladen is, laat de pagina langer leeg ogen.

Voorbeeld: een WordPress-site laadde vijf verschillende lettertypebestanden en een carrousel-script in de header. De inhoud stond klaar, maar de browser mocht niets tekenen. Door de fonts vooraf te laden met een tekstweergave die niet wacht, en het carrousel-script uit te stellen tot na het eerste beeld, ging de Speed Index van 6,1 naar 2,8 seconden. Aan de inhoud van de pagina veranderde niets.

Hoe je het interpreteert

De Speed Index is een labtest: Lighthouse simuleert een apparaat en een verbinding. Dat is nuttig om te vergelijken en te verbeteren, maar het is niet wat je bezoekers meemaken. De cijfers die Google gebruikt voor rangschikking komen uit veldgegevens van echte gebruikers (de Core Web Vitals) en staan in Google Search Console.

Gebruik de Speed Index dus om te zien welke knoppen je kunt omzetten, en kijk daarna in de veldgegevens of het effect had. Een score van 100 in Lighthouse betekent niets als je bezoekers op mobiel nog steeds drie seconden naar een leeg scherm kijken.

« Back to Glossary Index