De drie Core Web Vitals
Google beoordeelt de laadervaring met drie waarden. Voor elk hanteert Google een grens waaronder de ervaring als goed geldt:
- Largest Contentful Paint (LCP): hoe snel het grootste zichtbare onderdeel verschijnt, zoals de hoofdafbeelding of kop. Goed is 2,5 seconden of sneller.
- Interaction to Next Paint (INP): hoe snel de pagina reageert als iemand klikt, tikt of typt. Goed is 200 milliseconden of minder.
- Cumulative Layout Shift (CLS): hoeveel de opmaak verspringt tijdens het laden, bijvoorbeeld als een knop wegschuift net voordat je erop tikt. Goed is 0,1 of lager.
Hoe Google meet
Google kijkt niet naar één meting op een snelle computer, maar naar de ervaring van echte bezoekers. Een pagina scoort goed als minstens 75 procent van de bezoeken binnen de grenswaarden valt. Die veldgegevens zijn alleen beschikbaar als een pagina genoeg bezoekers heeft. Voor kleinere websites zie je daarom vaak alleen een labmeting: een gesimuleerde test op een middelmatige telefoon met een tragere verbinding.
Snelheid is een van de signalen die Google meeweegt, maar goede en relevante inhoud weegt zwaarder. Een snelle website zonder duidelijke inhoud komt niet vanzelf bovenaan. Omgekeerd kan een trage website bezoekers kwijtraken die wel geïnteresseerd waren.
Zo meet je het zelf
Met PageSpeed Insights van Google test je een pagina en zie je, als er genoeg verkeer is, ook de gegevens van echte bezoekers. In Google Search Console vind je een overzicht van alle pagina’s die niet aan de grenswaarden voldoen. Met onze gratis snelheidsscan krijg je snel een indruk van de laadtijd, de serverreactie en de grootte van een pagina.
Test altijd de pagina’s die ertoe doen, zoals je homepage en je belangrijkste dienstenpagina’s, en kijk vooral naar de mobiele resultaten.
Wat maakt een website traag?
In de praktijk komen we steeds dezelfde oorzaken tegen:
- Te grote afbeeldingen die niet zijn verkleind of niet in een modern formaat staan.
- Veel scripts van derden, zoals chatwidgets, trackers en sliders.
- Een zwaar thema met veel plugins die op elke pagina worden geladen.
- Lettertypes en stijlen die het tonen van de pagina blokkeren.
- Afbeeldingen en advertentieruimtes zonder vaste afmetingen, waardoor de opmaak verspringt.
- Een trage server of hosting ver van je bezoekers.
Wat je eraan kunt doen
Begin bij de grootste winst. Verklein en comprimeer afbeeldingen en geef ze vaste afmetingen. Laad afbeeldingen die pas verderop in beeld komen later in. Ruim scripts en plugins op die je niet echt nodig hebt. En zorg dat de belangrijkste inhoud meteen in de HTML staat, zodat de browser niet eerst op scripts hoeft te wachten.
Bij de websites die Maeno bouwt, wordt de pagina vooraf opgebouwd en direct als complete HTML geleverd. Afbeeldingen worden in moderne formaten en passende afmetingen aangeboden. Zo begint een website met een snelle basis, in plaats van dat snelheid achteraf moet worden opgelapt.