________________/\\\_____/\\\\\\\_________/\\\\\\\\\\\_____/\\\\\\\\\________/\\\\\\\\\_______/\\\\\\\\\_______________         
  ____________/\\\\\\\___/\\\/////\\\______\/////\\\///____/\\\\\\\\\\\\\____/\\\\\\\\\\\\\___/\\\///////\\\_____________        
   ___________\/////\\\__/\\\____\//\\\_________\/\\\______/\\\/////////\\\__/\\\/////////\\\_\/\\\_____\/\\\_____________       
    _______________\/\\\_\/\\\_____\/\\\_________\/\\\_____\/\\\_______\/\\\_\/\\\_______\/\\\_\/\\\\\\\\\\\/______________      
     _______________\/\\\_\/\\\_____\/\\\_________\/\\\_____\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\\\\_\/\\\//////\\\______________     
      _______________\/\\\_\/\\\_____\/\\\_________\/\\\_____\/\\\/////////\\\_\/\\\/////////\\\_\/\\\____\//\\\_____________    
       _______________\/\\\_\//\\\____/\\\___/\\\___\/\\\_____\/\\\_______\/\\\_\/\\\_______\/\\\_\/\\\_____\//\\\____________   
        _______________\/\\\__\///\\\\\\\/___\//\\\\\\\\\______\/\\\_______\/\\\_\/\\\_______\/\\\_\/\\\______\//\\\___________  
         _______________\///_____\///////______\/////////_______\///________\///__\///________\///__\///________\///____________
 ________________/\\\_____/\\\\\\\________/\\\______________         
  ____________/\\\\\\\___/\\\/////\\\____/\\\\\\\____________        
   ___________\/////\\\__/\\\____\//\\\__/\\\\\\\\\___________       
    _______________\/\\\_\/\\\_____\/\\\_\//\\\\\\\____________      
     _______________\/\\\_\/\\\_____\/\\\__\//\\\\\_____________     
      _______________\/\\\_\/\\\_____\/\\\___\//\\\______________    
       _______________\/\\\_\//\\\____/\\\_____\///_______________   
        _______________\/\\\__\///\\\\\\\/_______/\\\______________  
         _______________\///_____\///////________\///_______________

20-08-2021

Supportdesk's Web Vitals Quick Scan

Samen met Erwin Hofman hebben we de impact van Core Web Vitals op Magento 1 en 2 en Shopware 6 webshops bekeken. Vervolgens hebben we een web vitals quick scan ontwikkeld. De scan geeft aan hoe goed jouw website scoort op de web vitals. Dit geeft een beeld van de huidige stand en is een startpunt voor verbetering.
Een gemiddelde Magento 2 out of the box webshop scoort op de web vitals ongeveer 20 tot 30 op een schaal van 1-100. Dat is geen goede score voor een standaard Magento 2 webshop.


Wat zijn core web vitals?

Het team van Google Search is continu bezig met het verbeteren van de zoekresultaten. Hierdoor komen altijd de meest relevante websites bovenaan in de zoekresultaten te staan. Google gaf vorig jaar aan dat ze meer op user experience gaan letten bij de ranking van websites. Hiervoor heeft Google drie nieuwe maatstaven geïntroduceerd; Largest Contentful Paint (LCP), First Input Delay (FID) en Cumulative Layout Shift (CLS). Deze drie maatstaven kwantificeren de user experience van een pagina. De maatstaven worden toegevoegd aan de ranking module van Google Search. We leggen hieronder kort uit wat de drie maatstaven inhouden.


Largest Contentful Paint (LCP)

De LCP bekijkt de rendertijd van de grootste afbeelding of het grootste blok tekst binnen het gezichtsveld (boven ‘the fold’ van het scherm). De pagina heeft een goede user experience volgens Google als de rendertijd in 75% van de gevallen onder de 2,5 seconden is.


First Input Delay (FID)

De eerste actie van een bezoeker op een pagina is belangrijk voor de loyaliteit van je website. De web vital First Input Delay meet de tijd tussen de eerste actie van een bezoeker (bijv. klikken of scrollen) en het punt waarop de pagina de actie gaat verwerken. De FID is goed volgens Google als het in 75% van de gevallen 100 milliseconde of korter duurt voordat de pagina de actie begint te verwerken.


Cumulative Layout Shift (CLS)

Misschien heb je het weleens meegemaakt. Je komt op een website, je wilt ergens op klikken en op het moment dat je wilt klikken verspringt de pagina waardoor je per ongeluk ergens anders op klikt. Dit heet een ‘layout shift’ en komt waarschijnlijk doordat de visuele stabiliteit van de website niet zo goed is. Een layout shift vindt plaats als een visueel object van plaats veranderd. Dit soort verspringingen dragen niet bij aan een goede user experience. De CLS telt alle onverwachte layouts shifts bij elkaar op en geeft vervolgens een score. Een goede score is een CLS van 0,1 of minder. Ook bij de CLS kan voor de huidige stand van zaken gekeken worden naar 75% van de gevallen.

Wil je meer weten over Google's core web vitals? Lees dan hier ons artikel erover.

Wil je ook goed scoren op de Web Vitals? Neem dan contact met ons op!