Mijn score in Google Pagespeed Insights is laag, en nu?
Dit artikel is eerder geplaatst op Frankwatching.
Je hebt je website door Pagespeed Insights gehaald en krijgt van Google een rode score op mobiel en desktop, shit! Een trage website is niet fijn voor gebruikers en kan impact hebben op het aantal conversies. Wat moet je nu doen, moet die score naar 100? In dit artikel leg ik je uit hoe dit cijfer tot stand komt en waarom je je niet blind moet staren op dit cijfer als het gaat om websitesnelheid.
Lighthouse in Google Pagespeed Insights
Allereerst is het belangrijk om te weten dat Pagespeed Insights een tool is waarmee je Lighthouse kunt gebruiken. Lighthouse is hier dus eigenlijk de ‘echte’ tool om de performance van je website mee te meten. Pagespeed Insights is enkel een methode om deze tool op een gebruiksvriendelijk manier in te zetten.
Lighthouse kun je op meerdere manieren gebruiken en zit bijvoorbeeld ook standaard in Chrome DevTools:
Daarnaast kunnen developers Lighthouse integreren of testen doen vanuit een script. Pagespeed Insights is een makkelijke en gebruiksvriendelijke manier om Lighthouse te gebruiken.
Zo wordt jouw score berekend
Lighthouse berekent je score op basis van 5 statistieken die allemaal voor een bepaald percentage meewegen in het eindcijfer:
- First Contentful Paint (10%) – Hoe lang duurt het voordat het eerste onderdeel van de pagina geladen is? Is groen bij 1,8 seconden of minder.
- Speed Index (10%) – Hoe lang duurt het voordat de pagina visueel weergegeven is? Is groen bij 3,4 seconden of minder.
- Largest Contentful Paint (25%) – Hoe lang duurt het voordat het grootste zichtbare onderdeel van de pagina geladen is? Is groen bij 2,5 seconden of minder.
- Total Blocking Time (30%) – Iets complexer. Meet de tijd tussen First Contentful Paint en het moment dat de pagina volledig interactief is. Duurde tijdens het inladen een taak meer dan 50ms? Dan wordt alle tijd boven die 50ms bij elkaar opgeteld, die totale tijd is de Total Blocking Time. Is groen bij 200 milliseconden of minder.
- Cumulative Layout Shift (25%) – Hoeveel onverwachte verschuivingen vinden er plaats bij het inladen van de pagina? Is groen bij 0,1 of minder.
De cijfers die meegenomen worden zie je in Pagespeed Insights dan ook onder je score.
De cijfers die meegenomen worden zie je in Pagespeed Insights dan ook onder je score.
Hier is het belangrijk om te weten dat 75% van je cijfer bestaat uit statistieken over de websitesnelheid. De Cumulative Layout Shift (CLS) is 25% onderdeel van dit cijfer. Dat is fors en zegt niets over de snelheid, enkel hoeveel elementen verschuiven op je pagina. Die is bijvoorbeeld op de homepagina van ZIGT vrij hoog.
Met de Lighthouse Scoring Calculator is de score volgens de benchmark per statistiek te zien. Hier wordt duidelijk dat bij ZIGT de aandacht zou moeten komen te liggen op de LCP (28 / 100) en CLS (12 / 100).
Benieuwd hoe we jou
kunnen helpen?
We denken graag met je mee en geven je eerlijk en helder advies.
