Laadsnelheid en Core Web Vitals

Bezoekers zijn ongeduldig. Laadt een pagina op mobiel langer dan een paar seconden, dan haakt een groot deel af voordat ze ook maar één woord hebben gelezen. Google weet dat, en neemt de gebruikservaring daarom mee in de beoordeling van je pagina's. De belangrijkste maatstaf daarvoor zijn de Core Web Vitals.

Wat meten Core Web Vitals?

• LCP (Largest Contentful Paint): hoe snel het grootste zichtbare element, vaak de hoofdafbeelding of kop, in beeld staat. Streef naar minder dan 2,5 seconde.
• INP (Interaction to Next Paint): hoe snel de pagina reageert als iemand klikt of typt. Onder de 200 milliseconden is goed.
• CLS (Cumulative Layout Shift): hoeveel de pagina verspringt tijdens het laden. Je kent het: je wilt op een knop tikken en ineens schuift alles naar beneden.

Wat Obelisk voor je regelt

De techniek onder je site, zoals hosting, een beveiligde verbinding via SSL en het opbouwen van de pagina's, hoef je niet zelf in te richten. Waar je wél invloed op hebt, is wat je op een pagina zet. Daar zit in de praktijk ook de meeste winst.

Keuzes die je site snel houden

• Lichte afbeeldingen. Dit is verreweg de grootste factor. Lees de tips bij afbeeldingen.
• Wees zuinig met externe scripts. Elke chatwidget, advertentiepixel of extra meetcode laadt code van een andere server. Gebruik alleen wat je echt nodig hebt; zie ook externe scripts en widgets.
• Kies een lichte statistiekenoplossing als je alleen bezoekersaantallen wilt zien. Een cookieloos pakket bespaart ook de toestemmingsvraag; lees meer bij statistieken.
• Een achtergrondvideo met mate. Mooi bovenaan de homepage, maar zwaar als hij op elke pagina staat.
• Geef afbeeldingen en embeds vaste afmetingen, zodat de pagina niet verspringt tijdens het laden.

Zo meet je het

Voer een pagina in bij Google PageSpeed Insights. Je krijgt dan de Core Web Vitals voor mobiel en desktop, met concrete aanwijzingen. Kijk vooral naar de mobiele score: Google beoordeelt je site primair op de mobiele versie. In Search Console zie je bovendien welke pagina's op je hele site als traag worden aangemerkt.

Een concreet voorbeeld

Een restaurant had op de homepage een slider met acht foto's van elk 4 MB, een chatwidget en drie meetscripts. De LCP op mobiel was ruim 7 seconden. Na het verkleinen van de foto's, het weghalen van één overbodig script en het vervangen van de slider door één sterke hoofdfoto zakte die naar onder de 2,5 seconde. Het aantal reserveringen via de site steeg merkbaar.

Veelgemaakte fouten

Alleen op een snelle kantoorverbinding testen, scripts laten staan van diensten die je niet meer gebruikt, en elke pagina volladen met animaties. Snelheid is geen eenmalige klus: controleer na elke grote wijziging even je belangrijkste pagina's.