SEO

Het belang van snelle websites: 5 page speed-cases🔥

0

Een snelle website of webshop is belangrijk voor de rankings in de zoekresultaten, maar dat niet alleen. Een snelle website is namelijk ook erg belangrijk voor de klantervaring. En bepaalt voor een groot deel hoeveel omzet jij uit jouw website of webshop kunt halen. In dit artikel 5 snelle voorbeelden van page speed-cases.

Denk bijvoorbeeld eens aan jouw eigen ervaring als gebruiker. Blijf jij wachten op een ladende website? Of keer je terug naar de zoekresultaten en klik je op het volgende resultaat? De meesten zullen de website verlaten en naar de concurrent gaan.

Je hoort hier toch nog wel eens wisselende verhalen over. In dit artikel wil ik daarom aan de hand van een aantal cases laten zien hoe belangrijk pagespeed nou echt is voor een website.

Page speed voor de Core Web Vitals

Voordat ik je meeneem naar de pagespeed cases, wil ik het eerst even hebben over de Google Core Web Vitals.

De Core Web Vitals zijn specifieke factoren die Google belangrijk vindt voor de algehele gebruikerservaring van een webpagina. Core Web Vitals zijn opgebouwd uit drie specifieke metingen voor paginasnelheid en gebruikersinteractie:

  1. Largest Contentful Paint: deze factor meet de tijd in seconden vanaf het moment dat de pagina begint te laden tot het moment dat het grootste tekstblok of beeldelement op het scherm wordt weergegeven.
  2. First Input Delay: deze factor meet de tijd in milliseconden tussen de eerste interactie van een gebruiker met jouw website en het moment waarop de browser op die interactie kan reageren.
  3. Cumulative Layout Shift: deze factor meet de cumulatieve score van alle onverwachte lay-out verschuivingen binnen de viewport die optreedt tijdens de gehele levenscyclus van een pagina.

Voor deze items moet je aan, door Google, bepaalde wensen voldoen. Voldoe jij hieraan met jouw website of webshop? Dan kun je hiervoor een beloning krijgen. Helaas hebben we sinds de komst van deze update nog niet hele grote wijzigingen gezien. Natuurlijk is het voor de bezoeker alsnog belangrijk de best mogelijke ervaring te hebben om een zo snel mogelijke website of webshop af te leveren.

Webhosting-snelheid

5 interessante page speed-cases

Voor dit artikel heb ik 5 interessante page speed-cases meegenomen die goed laten zien waarom snelheid echt een hele belangrijke factor is. Jij kunt deze cases gebruiken om ook jouw website of webshop of natuurlijk de website van jouw klanten te optimaliseren om zo de bedrijfsdoelstellingen te kunnen behalen.

#1 Vodafone

Vodafone draaide in 2021 een gelijkmatig gewogen A/B-test op een landingspagina. Beide varianten van de pagina waren zowel visueel als functioneel identiek aan elkaar. Het enige verschil was dat de ene versie een 31% betere Largest Contentful Paint(LCP)-score had. Na het evalueren van de resultaten bleek de snellere pagina een conversiepercentage te behalen dat 8% hoger lag dan bij de ‘oude’ landingspagina. Daarbij zorgde deze betere LCP-score ook voor een 15% stijging in het percentage leads naar bezoekers. En een verbetering van 11% voor het toevoegen van producten aan het winkelwagentje.

Wat heeft Vodafone gedaan:

  1. De rendering voor een widget verplaatst van client-side naar server-side, wat resulteert in minder render-blocking JavaScript
  2. Server-side gegenereerde kritieke HTML
  3. Afbeeldingen geoptimaliseerd

#2 Ebay

Ebay startte in 2022 een test die vooral gericht was op de inhoud die boven de vouw werd weergegeven. Ze gebruikten hiervoor page speed-data als de Time To First Byte (TTFB) en Time to Above The Fold (TATF). Op basis van deze gegevens konden ze hun testen namelijk sturen.

De optimalisaties die ze in gedachten hadden waren alleen mogelijk als er bepaalde onderdelen uit het blok boven de vouw werden gehaald. Door hier bepaalde onderdelen weg te halen, werden pagina’s 12% sneller geladen en steeg de hoeveelheid mensen die klikten op de “Add to cart”-button met 0,5%. Deze 0,5% klinkt wellicht weinig. Maar als je nagaat hoeveel maandelijkse bezoekers Ebay krijgt en om wat voor omzet het gaat, is 0,5% een flinke verbetering.

Wat heeft Ebay gedaan:

  1. Het verminderen van de payload van alle tekstbronnen
  2. Het optimaliseren van kritieke bestanden voor inhoud boven de vouw
  3. Afbeeldingen optimaliseren naar WebP

#3 Pfizer

De derde case die ik wil behandelen is van Pfizer en komt uit 2019. Pfizer kwam er in 2019 namelijk achter dat 15 van hun websites voor meer dan 40 merken erg traag waren. Een van deze websites had zelfs meer dan 21 seconden nodig om te laten. Ze stelden vervolgens het snelheidbudget vast om dit probleem op te lossen. Alle nieuwe functionaliteiten en afbeeldingen op de website moesten hier aan voldoen. Na enkele testen bleek dit te werken. De websites waren namelijk tot 38% sneller en het aantal bounces daalde met 20%.

Wat heeft Pfizer gedaan:

  1. Optimaliseren van afbeeldingen (kleinere bestanden)
  2. Afbeeldingen omzetten naar WebP

#4 Amazon

Deze case is inmiddels alweer wat ouder, want hij komt uit 2009. Toch geeft deze case heel goed weer wat een snellere website of webshop een bedrijf kan opleveren. Amazon ging in 2009 namelijk aan de slag met de snelheid van hun website. Ze merkten namelijk dat de snelheid van de website direct effect had op het aantal verkopen. Elke 100ms vertraging kostte Amazon 1% van hun omzet. Ook bij dit bedrijf gaat het dus echt om grote hoeveelheden omzet die ze hierdoor extra pakken.

Wat heeft Amazon gedaan:

  1. Optimaliseren van boven de vouw-bestanden
  2. De caching aanpassen op plekken waar mogelijk
  3. Bestandsgrootte van afbeeldingen aanpassen

#5 Walmart

De laatste page speed-case die ik in dit artikel wil bespreken is van Walmart. Deze case komt oorspronkelijk uit 2012, maar laat wel heel erg goed zien wat een snellere website kan betekenen voor het conversiepercentage.

3 jaar nadat Amazon hun page speed-case toonde besloot ook Walmart hier mee aan de slag te gaan. Wat ze bij Walmart merkten is dat het conversiepercentage 2% hoger lag wanneer de website 1 seconde sneller was.

Wat heeft Walmart gedaan:

  1. Het aantal gebruikte elementen verminderen
  2. Trage third party modules optimaliseren
  3. Caching beter afstemmen

Moet jij hier nu ook direct mee aan de slag?

Zoals je in dit artikel hebt gelezen speelt de snelheid van een website of webshop een grote rol. Niet alleen op het gebied van SEO, maar ook op het gebied van gebruiksvriendelijkheid en uiteindelijk omzet.

Moet jij je hier nu dan vol op gaan focussen? Dit is afhankelijk van de staat van jouw website of webshop. Heb je alle SEO-onderdelen goed op orde en krijg je al grote hoeveelheden bezoekers? Dan kun je dit zeker oppakken en zal je hier leuke resultaten mee kunnen pakken.

Is jouw website of webshop nog niet zo groot? Dan is het slimmer om de basis van jouw website te optimaliseren om zo grotere hoeveelheden bezoekers te krijgen.