Een seconde vertraging in laadtijd verlaagt conversies met 7%. Voor sites met flinke omzet zijn dat elke maand duizenden dollars verlies. Laadsnelheid is niet alleen goede praktijk. Zoekmachines meten haar direct en ze heeft direct invloed op je posities. Core Web Vitals zijn drie meetwaarden die de echte gebruikservaring meten. Beheers ze en je verbetert je posities en conversies. Leer wat ze zijn en hoe je ze verbetert.
Laadsnelheid beïnvloedt je positie. Core Web Vitals meten laadsnelheid. Dit zijn geen vage aanbevelingen. Het zijn concrete meetwaarden met meetbare drempels. Pagina's die de drempels halen, scoren beter. Pagina's die ze niet halen, scoren slechter.
Core Web Vitals zijn drie concrete meetwaarden
Largest Contentful Paint (LCP) meet hoe snel de hoofdinhoud laadt. Interaction to Next Paint (INP) meet hoe snel je pagina reageert op invoer van de gebruiker. Cumulative Layout Shift (CLS) meet hoe stabiel de lay-out is tijdens het laden.
Een goede LCP is onder de 2,5 seconden. Een goede INP is onder de 200 milliseconden. Een goede CLS is onder de 0,1. Faalt je pagina op een van deze waarden, dan weten zoekmachines dat gebruikers een slechte ervaring hebben.
LCP: de hoofdinhoud moet snel laden
Largest Contentful Paint meet wanneer het grootste element op je pagina klaar is met laden. Voor de meeste pagina's is dat een afbeelding of een kop. Is je LCP traag, dan zien gebruikers een blanco pagina terwijl ze wachten.
Verbeter LCP door afbeeldingen te optimaliseren. Comprimeer ze. Gebruik moderne formaten zoals WebP. Laad afbeeldingen onder de vouw pas later (lazy loading). Kies snelle hosting. Haal JavaScript weg dat het opbouwen van de pagina blokkeert. Kleine verbeteringen tellen op.
Je doel is onder de 2,5 seconden. Is je LCP 5 seconden, dan vertrekken gebruikers voordat ze je content zien. Is hij 2 seconden, dan wachten gebruikers en blijven ze betrokken.
INP: je pagina moet direct reageren op klikken
Interaction to Next Paint meet de tijd tussen het moment dat een gebruiker ergens op klikt of tikt en het moment dat de pagina reageert. Is INP traag, dan voelt je pagina bevroren.
Verbeter INP door JavaScript te optimaliseren. Haal onnodige scripts weg. Splits lange taken op. Optimaliseer event listeners. Laad scripts van derden pas later. Een pagina die reageert, converteert beter dan een snelle pagina die niet reageert op invoer.
Doel: onder de 200 milliseconden. Doet je pagina er 500 ms over om op een klik te reageren, dan denken gebruikers dat hij kapot is. Reageert hij in 100 ms, dan voelt hij direct.
CLS: je lay-out mag niet verspringen tijdens het laden
Cumulative Layout Shift meet hoeveel de lay-out beweegt tijdens het laden. Laden afbeeldingen traag, dan schuift de tekst naar beneden. Laden advertenties na de content, dan verschuift alles. Dat is irritant en leidt tot onbedoelde klikken.
Verbeter CLS door ruimte te reserveren voor afbeeldingen en advertenties. Gebruik de CSS-beeldverhouding om de browser te laten weten hoeveel ruimte hij moet vrijhouden. Laad kritieke lettertypen vroeg. Voeg geen content toe boven bestaande content.
Doel: onder de 0,1. Elke verschuiving van de lay-out valt gebruikers op. Houd het minimaal.
Volg Core Web Vitals in gegevens van echte gebruikers
Lighthouse en PageSpeed Insights draaien tests onder laboratoriumomstandigheden. Monitoring van echte gebruikers toont de werkelijke gegevens. Gebruik het Chrome User Experience Report of Search Console om gegevens van echte gebruikers te zien.
Echte gegevens tellen, omdat echte gebruikers tragere verbindingen en oudere apparaten hebben dan je testcomputer. Wat onder laboratoriumomstandigheden werkt, kan in de praktijk falen.
Snelheid heeft direct invloed op je omzet
Snellere sites converteren beter. Tragere sites verliezen klanten. Voor elke seconde vertraging verlies je conversies. Dat is meetbaar. Voer experimenten uit. Voeg snelheidsverbeteringen toe. Volg het effect op conversies.
Een pagina die 5 seconden laadt, verliest meer klanten dan een pagina die 2 seconden laadt. Het verschil is geld. Optimaliseer laadsnelheid en je verhoogt je omzet naast je posities.
Optimaliseer afbeeldingen rigoureus
Afbeeldingen zijn meestal de grootste bestanden op pagina's. Comprimeer ze consequent. Gebruik moderne formaten. Laad afbeeldingen onder de vouw pas later. Gebruik responsieve afbeeldingen die meeschalen met verschillende apparaten.
Onnodige afbeeldingen weghalen doet soms meer dan de overgebleven afbeeldingen comprimeren. Heb je 10 afbeeldingen nodig of 5? Minder afbeeldingen laden sneller.
Veelgestelde vragen
Wat is een goede score voor Core Web Vitals?
Goed betekent: LCP onder 2,5 seconden, INP onder 200 milliseconden, CLS onder 0,1. Zit een meetwaarde boven deze drempels, dan faalt je pagina. Bekijk je gegevens van echte gebruikers in Search Console. Scores uit het laboratorium tellen minder dan de ervaring van echte gebruikers. Met de websitebouwer van WEMASY stel je dit direct op je eigen website in.
Hoe meet ik mijn Core Web Vitals?
Gebruik Google PageSpeed Insights voor tests onder laboratoriumomstandigheden. Gebruik Search Console voor gegevens van echte gebruikers. Gebruik Lighthouse in Chrome DevTools. Gebruik monitoringtools van derden. Monitoring van echte gebruikers telt het zwaarst, omdat het de werkelijke ervaring laat zien en niet de testomstandigheden.
Garandeert het verbeteren van Core Web Vitals betere posities?
Nee. Core Web Vitals zijn één rankingfactor uit honderden. Kwaliteit en relevantie van je content tellen zwaarder. Maar Core Web Vitals geven de doorslag als andere factoren gelijk zijn. Verbeter ze, maar richt je eerst op de kwaliteit van je content.
Welke hosting heeft de meeste invloed op Core Web Vitals?
De reactietijd van de server heeft veel invloed op LCP. Snellere hostingaanbieders leveren content sneller. Maar hosting is maar een deel van het verhaal. Afbeeldingen optimaliseren, JavaScript optimaliseren en caching tellen net zo zwaar als hosting. Je kunt slechte optimalisatie niet wegkopen met hosting.
Hoe lang duurt het voordat betere Core Web Vitals invloed hebben op mijn posities?
Zoekmachines kunnen de verbeterde meetwaarden binnen enkele dagen gaan gebruiken. Maar positieverbeteringen duren langer. Zoekmachines beoordelen pagina's over weken en maanden opnieuw. Verbeter je Core Web Vitals, maar verwacht geen veranderingen van de ene op de andere dag. Volg liever het effect op conversies, die vaak sneller verbeteren dan posities.
Welke scripts van derden schaden Core Web Vitals het meest?
Analytics, advertenties en chatwidgets maken pagina's vaak trager. Laad ze nadat de hoofdinhoud klaar is. Gebruik asynchroon laden. Overweeg niet-kritieke scripts uit te stellen. Test het effect van elk script op je Core Web Vitals. Haal scripts weg die weinig opleveren maar de prestaties flink schaden.