Je bent niet de enige die niet slaagt voor de beoordeling van de Core Web Vitals. Van alle URL's die zijn opgenomen in het Chrome User Experience Report, slaagt slechts 45,1% voor alle 3 de Core Web Vitals op desktop. Op mobiel is dat slechts 38,5%. Maar om ervoor te zorgen dat je bezoekers een goede technische ervaring hebben op je website, wil je natuurlijk liever bij de domeinen horen die wel slagen.
Wat zijn de Core Web Vitals?
Core Web Vitals zijn een reeks gebruikersgerichte statistieken die de laadsnelheid, interactiviteit en visuele stabiliteit van een webpagina meten. Deze factoren hebben een directe invloed op de gebruikerservaring (UX) en zijn cruciaal voor de SEO-ranking van een website. De drie primaire Core Web Vitals zijn:
- Largest Contentful Paint (LCP): Meet de laadsnelheid van de hoofdinhoud van een pagina.
- First Input Delay (FID): Evalueert de interactiviteit en responsiviteit van een webpagina.
- Cumulative Layout Shift (CLS): Evalueert de visuele stabiliteit van een pagina tijdens het laden.
- Interaction to Next Paint (INP): Geeft de totale interactietraagheid van een pagina weer door een van de langste interacties te identificeren die plaatsvinden wanneer een gebruiker de pagina bezoekt.
Waarom ben ik niet geslaagd voor de Core Web Vitals?
Core Web Vitals beoordelingen kunnen om verschillende redenen mislukken, waaronder trage serverreactietijden, grote paginaformaten, niet-geoptimaliseerde afbeeldingen, overmatig Javascript en slechte codeerpraktijken. Als deze beoordelingen mislukken, kan dit leiden tot lagere SEO-klasseringen en een slechtere gebruikerservaring.
Hoe meet Google Core Web Vitals?
Om te beginnen is het goed om te weten waar Google zich op baseert als je niet slaagt voor de Core Web Vitals-beoordeling. Hierover bestaat veel verwarring. Sommige mensen denken dat een hoge Lighthouse-score bijdraagt aan je Core Web Vitals-beoordeling, maar dit is niet waar.
Een score van 100 op Google Lighthouse
De Lighthouse-score die Google geeft, is gebaseerd op een websitebezoek onder gesimuleerde omstandigheden (lab data). Dit is geen weergave van hoe je echte gebruikers de website ervaren.
Daarom gebruikt Google gegevens uit het veld (RUM) om te bepalen of je bent gezakt of geslaagd voor de Core Web Vitals-beoordeling.
Ben ik geslaagd voor de Core Web Vitals?
Aan de hand van gegevens die beschikbaar zijn via het Chrome User Experience Report, bepaalt google of je voor de Core Web Vitals bent geslaagd. Deze gegevens zijn gebaseerd op bezoeken van gebruikers van je website. Dit is dus onder verschillende omstandigheden en met verschillende gebruikerservaringen. Je kunt ook je productpagina, categoriepagina of listingpagina toevoegen om erachter te komen welke url's niet voldoen voor de Core Web Vitals.
Om erachter te komen of je website voldoet aan de criteria van de Core Web Vitals, kan je Pagespeed Insights gebruiken. Deze tool is gratis te gebruiken.
- Ga naar Pagespeed Insights
- Voer de URL in die je wil controleren
- Kijk naar de resultaten bovenaan de pagina (Ontdek wat je echte gebruikers ervaren)
Je krijgt nu een overzicht met de 3 belangrijkste Core Web Vitals en 3 extra statistieken die ook te maken hebben met gebruikerservaring. Je kan kiezen of je alleen gegevens van de exacte URL wilt opnemen of ook de oorsprong (inclusief andere pagina's van de website die CrUX-gegevens hebben).
“Het CrUX-rapport bevat alleen gegevens van bezoekers uit Google Chrome, maar je hebt misschien veel verkeer dat binnenkomt vanuit Safari.”
Hoe slaag je voor het Core Web Vitals assessment?
Slagen voor Core Web Vitals draait voor 50% om de juiste mindset en kennis.
Wanneer je aan de slag wilt met het optimaliseren van je paginasnelheid, zijn er 3 fasen die je moet doorlopen voordat je kunt beginnen met het maken van daadwerkelijke aanpassingen in je code.
Monitoring
Voordat je Core Web Vitals wilt gaan verbeteren, moet je weten hoe je echte gebruikers (RUM) je website ervaren. Om hier een overzicht van te krijgen kun je een tool als Pagespeed Insights gebruiken, maar onze gratis UX-score tool ziet er iets beter uit.
- Het is belangrijk om te weten dat de gegevens die je ziet binnen Pagespeed Insights een vertraging van 28 dagen hebben. Dus als je vandaag een verbetering aanbrengt, kun je pas over 28 dagen zien of dit een positieve of negatieve impact heeft gehad op de snelheid van je site.
- Als je veel implementaties maakt, wil je waarschuwingen instellen voor wanneer dingen lijken te veranderen. Real User Monitoring (RUM) tools zoals RUMvision kunnen dit.
Analyseren
Nadat je via monitoring inzicht hebt gekregen in prestatiegegevens, kan je beginnen met analyseren. Voor welke Core Web Vitals slaag je en op welke templates (productpagina, categoriepagina, blogpagina, contactpagina) slaag je niet? Je kan je ook afvragen onder welke omstandigheden en voorwaarden je gebruikers jouw website bezoeken. Je publiek leren kennen is een van de grootste stappen in de goede richting.
- Onder welke internetsnelheden?
- Hoe snel zijn hun mobiele telefoons?
- Zijn ze binnengekomen via een querystring (Google / Facebookadvertenties)?
- Hebben ze hun verminderde datagebruik ingeschakeld?
Slagen voor de Core Web Vitals
- Afbeeldingen optimaliseren: Comprimeer afbeeldingen en pas de grootte aan, gebruik moderne afbeeldingsformaten (zoals WebP) en implementeer lazy loading om LCP te verbeteren.
- Javascriptuitvoeringstijd verkorten: Minimaliseer en stel niet-kritieke Javascript uit en gebruik de opties async of uitstellen om scripts te laden.
- Serverresponstijd verbeteren: Upgrade je hostingpakket, gebruik een content delivery network (CDN) en implementeer serverside caching om serverprestaties te verbeteren.
- CSS en Javascript-bestanden minimaliseren: Verklein en comprimeer CSS- en Javascript-bestanden om de paginagrootte te verkleinen en de laadsnelheid te verbeteren.
- Renderblokkerende bronnen verwijderen: Verwijder onnodige CSS en Javascript-bestanden en geef prioriteit aan het laden van kritieke bronnen om de paginaprestaties te verbeteren.
- Cumulative Layout Shift voorkomen: Reserveer ruimte voor afbeeldingen en advertenties en vermijd het invoegen van inhoud boven bestaande elementen om verschuivingen in de lay-out te voorkomen.
Redenen voor het falen van Core Web Vitals
Het optimaliseren van Core Web Vitals gaat gepaard met veel nuances. Wat werkt voor jou en wat niet? Sommige best practices zijn hoe dan ook op jou van toepassing en dus kan ook jij je Core Web Vitals optimaliseren.
Als je niet geslaagd bent voor je Core Web Vitals beoordeling op WordPress, staat het volgende artikel vol met optimalisatietips. De tips in dit artikel zijn ook van toepassing als je bent gezakt voor de Core Web Vitals beoordeling op Shopify.
9 optimalisatietips om te slagen voor de Core Web Vitals beoordeling
Het laden van bronnen optimaliseren met prioriteitstips (LCP verbeteren)
Stel de prioriteit van de Largest Contentful Paint (LCP) afbeelding hoger in door fetchpriority=high op het afbeeldingselement te zetten. Hierdoor zal LCP sneller plaatsvinden.
Met onze tooling en aangepaste afmetingen konden we de impact van het toevoegen van een hoge fetchprioriteit bevestigen. Hoewel dit domein al erg snel was op de LCP (1648 ms) was deze enkele regel code in staat om het bijna 300 ms sneller te maken.
Breedte en hoogte instellen op afbeeldingen en IFrames (CLS verbeteren)
Ervoor zorgen dat de breedte- en hoogte-attributen van je afbeeldingen goed zijn ingesteld is een van de eenvoudigste dingen die je kunt doen om de hoeveelheid Cumulative Layout Shift (CLS) te verminderen. Als deze niet aanwezig zijn, zal een afbeelding ervoor zorgen dat de inhoud die erna komt verschuift om ruimte te maken voor de afbeelding tijdens het downloaden.
Gebruik van Javascript en plugins verminderen (FID verbeteren)
De First Input Delay (FID) is een metric die veel wordt beïnvloed door Javascript en dus plugins. Stel je voor dat een knop wordt geladen, vervolgens zichtbaar wordt en dat de gebruiker er op wil klikken. Als je veel Javascript op je website hebt, loop je het risico dat deze blijft downloaden, parseren en renderen terwijl de site zichtbaar wordt voor de gebruiker en de gebruiker niet op de knop kan klikken.
De nieuwe Interaction to Next Paint (INP) metric zal hier ook van profiteren.
Conclusie
Als je de beoordeling van je Core Web Vitals tot een goed einde wilt brengen, moet je er tijd in investeren. Soms zijn er snelle manieren om je paginasnelheid te verbeteren, maar daarna moet je inzicht hebben in je echte gebruikers. Dit kun je bereiken door een tool voor het monitoren van echte gebruikers in te stellen.
Je kunt je zelfs afvragen of de drempelwaarden van Google genoeg zijn, omdat je misschien hogere uitdagingen wilt stellen aan de snelheid van je site.
Als je het bij gratis tools wilt houden, raden we je aan onze Core Web Vitals checker of Pagespeed Insights met echte gebruikersgegevens te gebruiken, omdat dit belangrijk is voor UX, bounce, conversie, SEO, SERP en ranking.
Weet je niet zeker wat bij je past? Neem contact met ons op en een van onze site speed experts staat je graag te woord.
