Een snellere website: Core Web Vitals in gewone taal

Onderwerp

Web & Development

Waarom laadsnelheid ertoe doet, wat Core Web Vitals meten en welke verbeteringen in de praktijk het meeste opleveren, ook voor webshops.

Artikel

Inhoud

Een trage website kost bezoekers, aanvragen en omzet. Mensen haken af als een pagina te lang laadt of verspringt terwijl ze willen klikken. Google meet die ervaring met de Core Web Vitals en neemt ze mee in de beoordeling van pagina's.

De drie Core Web Vitals

  • LCP (Largest Contentful Paint): hoe snel is het grootste zichtbare element geladen, vaak de hoofdafbeelding of kop? Streefwaarde: binnen 2,5 seconden.
  • INP (Interaction to Next Paint): hoe snel reageert de pagina op een klik of tik? Streefwaarde: binnen 200 milliseconden.
  • CLS (Cumulative Layout Shift): hoeveel verspringt de pagina tijdens het laden? Streefwaarde: lager dan 0,1.

Google kijkt naar metingen bij echte bezoekers. Die vind je in Search Console en in PageSpeed Insights onder "veldgegevens".

De grootste winst zit meestal hier

Afbeeldingen

Te grote afbeeldingen zijn de meest voorkomende oorzaak van trage pagina's. Gebruik moderne formaten, de juiste afmetingen en lazy loading voor afbeeldingen onder de vouw, maar niet voor de hoofdafbeelding bovenaan.

Scripts van derden

Chatwidgets, trackingcodes, advertentiepixels en embeds laden vaak zware scripts. Bekijk kritisch wat echt nodig is en laad de rest pas later of na toestemming.

Lettertypen

Veel verschillende lettertypen en gewichten vertragen het laden. Beperk het aantal en laad ze efficiënt.

Hosting en caching

Een snelle server, caching en een CDN leggen de basis. Bij WordPress en WooCommerce maakt goede hosting een groot verschil. Zie Managed Hosting.

Plugins en apps

In WordPress en Shopify stapelen plugins en apps zich op. Iedere extra functie kan scripts toevoegen. Periodiek opruimen loont.

Webshops: extra aandachtspunten

  • Categoriepagina's met veel producten en filters.
  • Productafbeeldingen in hoge resolutie.
  • Apps voor reviews, upsells en chat die allemaal scripts laden.
  • Een checkout die afhankelijk is van externe diensten.

Hoe pak je het aan?

  1. Meet de belangrijkste pagina's met PageSpeed Insights, op mobiel.
  2. Kijk welke onderdelen het meest bijdragen aan de vertraging.
  3. Pak eerst afbeeldingen en scripts van derden aan.
  4. Meet opnieuw na iedere wijziging, en kijk na enkele weken naar de veldgegevens.

In Search Console vind je onder Core Web Vitals welke groepen pagina's aandacht nodig hebben. Hulp bij Search Console vind je in de kennisbank, bijvoorbeeld bij een pagina die niet is geïndexeerd.

Verder

Snelheid is onderdeel van Technische SEO en van goed website-onderhoud. Voor webshops kijken we breder naar webshop-optimalisatie. Wil je weten waar jouw site staat? Plan een gesprek.

Verder lezen