Casestudies: de voordelen van het optimaliseren van Core Web Vitals

Casestudies: de voordelen van het optimaliseren van Core Web Vitals

Er zijn veel interessante casestudies voor Core Web Vitals op het internet te vinden, maar we hebben de populairste en betrouwbaarste voor je op een rijtje gezet. Prima, je mag ze ook snel doornemen en zo de toegevoegde waarde van webprestaties en Core Web Vitals optimalisatie in een mum van tijd zien!

Bedrijfsimpact Core Web Vitals

Google

  • Belangrijkste conclusie: Mensen die een negatieve ervaring hebben op mobiel zijn voor 62% minder geneigd om in de toekomst een aankoop te doen
  • Jaar gepubliceerd: 2017
  • Bron: Think With Google

Google voerde een diepgaand onderzoek uit op 11 miljoen landingspagina's van mobiele advertenties in 213 landen. Uit de bevindingen bleek dat een aanzienlijk aantal mobiele websites niet aan de verwachtingen van gebruikers voldeed vanwege hun trage laadsnelheid. Hoe langer het duurde om een pagina te laden, hoe groter de kans dat een gebruiker van een mobiele site deze verlaat zonder actie te ondernemen. Daardoor daalde ook de kans op conversie, soms wel met 95%.

  • 70% van de mensen gebruikt hun smartphone om producten en diensten te onderzoeken voordat ze een aankoop doen.
  • 60% van de mensen zegt dat ze eerder in zee zullen gaan met een bedrijf dat een mobielvriendelijke website heeft.
  • 52% van de mensen zegt dat ze wel eens een mobiele app hebben verlaten omdat deze te moeilijk in gebruik was.

Vodafone

  • Belangrijkste resultaat: Een verbetering van 31% in LCP deed de verkoop met 8% stijgen
  • Jaar gepubliceerd: 2021
  • Bron: Web.dev
  • Geoptimaliseerde metrics: LCP en conversies

Vodafone is een toonaangevend telecombedrijf dat de prestaties van haar website wilde verbeteren. Ze ontdekten dat de Largest Contentful Paint (LCP) traag was, wat betekende dat het laden van de hoofdinhoud van de pagina lang duurde. Dit had een negatieve invloed op de gebruikerservaring en de verkoop.

  • 10% toename in organisch zoekverkeer.
  • 5% toename in conversiepercentage.
  • 2% daling in bouncepercentage.

Ebay

  • Belangrijkste resultaat: -100ms resulteerde in +0,5% meer "In winkelwagen" tellingen
  • Jaar gepubliceerd: 2020
  • Bron: Web.dev en Ebay Engineering
  • Geoptimaliseerde metrics: TTFB, betrokkenheid van gebruikers, conversies en ROI

Ebay lanceerde een bedrijf breed programma met als hoofddoel het benadrukken van informatie die boven de vouw verschijnt. Ze baseerden hun inspanningen op metingen zoals Time To First Byte (TTFB) en Time to Above The Fold (TATF), maar optimalisaties waren alleen haalbaar als specifieke delen van de gebruikerservaring werden geëlimineerd. Pagina's laadden 12% sneller als direct resultaat van bepaalde bezuinigingen en verbeteringen aan de informatie die boven de vouw werd weergegeven, wat ook leidde tot een toename van 0,5% meer klikken op "Toevoegen aan winkelwagentje".

Renault

  • Belangrijkste conclusie: Een LCP-verhoging van 1 seconde kan het bouncepercentage met 14% verlagen en conversies met 13% verbeteren.
  • Jaar gepubliceerd: 2021
  • Bron: Web.dev
  • Geoptimaliseerde metrics: LCP, bouncepercentage en conversie

Renault is een Franse multinationale autofabrikant met vestigingen in meer dan 130 landen. Om de gebruikersbetrokkenheid en conversies op de merksites te verbeteren, ondernam Renault stappen om de Core Web Vitals te optimaliseren, met name de LCP (Largest Contentful Paint). Door LCP te verminderen, kon Renault haar pagina's sneller laden en de gebruikerservaring verbeteren. Als gevolg daarvan zag het bedrijf een daling van het bouncepercentage en een stijging van het conversiepercentage.

redBus

  • Belangrijkste resultaat: Verbetering van de Interaction to Next Paint (INP) op hun website en 7% meer verkoop
  • Jaar gepubliceerd: 2023
  • Bron: Web.dev
  • Geoptimaliseerde metrics: INP en verkoopcijfers

redBus is een Indiaas online buskaartjesplatform dat actief is in meer dan 2300 steden en dorpen in heel India. Om de gebruikerservaring van de website te verbeteren, heeft redBus de Interaction to Next Paint (INP) gemeten en geoptimaliseerd. INP meet de tijd die een gebruiker nodig heeft voor interactie met een pagina nadat deze is geladen. Door INP te verlagen, kon redBus de website responsiever maken en de gebruikerservaring verbeteren.

The Economic Times

  • Belangrijkste resultaat: Een het overkoepelende bouncepercentage met 43% verbeteren
  • Gepubliceerd: 2021
  • Bron: Web.dev
  • Geoptimaliseerde metrics: LCP, CLS en bouncepercentage

The Economic Times is een grote Indiase nieuwswebsite. In 2021 gingen ze de uitdaging aan om hun Core Web Vitals (CWV) scores te verbeteren. CWV is een reeks statistieken die de laadprestaties van een website meten. Door hun CWV-scores te verbeteren, hoopte The Economic Times de gebruikerservaring van hun website te verbeteren en bouncepercentages te verlagen.

  • Hun LCP verbeterde met 80%
  • Hun CLS verbeterde met 250%
  • Wat resulteerde in een algeheel beter bouncepercentage van 43%

Swappie

  • Belangrijkste resultaat: +42% mobiele omzet door focus op Core Web Vitals
  • Jaar gepubliceerd: 2021
  • Bron: Web.dev
  • Geoptimaliseerde metrics: LCP, CLS en omzet

Swappie, een groeiende start-up, is gespecialiseerd in de verkoop van opgeknapte telefoons. Gedurende een aanzienlijke periode lag de focus vooral op het verbeteren van de functionaliteit van hun website in plaats van prioriteit te geven aan de prestaties van de site. Toen ze zich realiseerden dat hun mobiele inkomsten achterbleven bij die van hun desktopsite, concludeerden ze dat een transformatie noodzakelijk was. Om het probleem aan te pakken, besloten ze prioriteit te geven aan het verbeteren van Core Web Vitals, wat uiteindelijk tot de gewenste resultaten leidde.

  • LCP verbeterd met 55%
  • CLS verbeterd met 91%
  • FID verbeterd met 90%

Yelp

  • Belangrijkste resultaat: Het optimaliseren van FCP verhoogde conversies met 15%
  • Jaar gepubliceerd: 2021
  • Bron: Yelp Engineering Blog
  • Geoptimaliseerde metrics: FCP, LCP en conversies

Yelp heeft onlangs opties toegevoegd die adverteerders meer controle geven over hun advertentiecampagnes. Echter vertraagde het toevoegen van deze functies de website, waardoor de laadsnelheid van de pagina steeg van 3 seconden naar 6 seconden. Het ontwikkelingsteam verbeterde de FCP- en TTI-metingen om deze prestatiedaling te verminderen, wat resulteerde in een geweldige gebruikerservaring en een conversieverbetering van 15%.

Carpe

Belangrijkste resultaat: Het conversiepercentage steeg met 5% en het verkeer met 10%, wat leidde tot een totale omzetstijging van 15%.
Jaar gepubliceerd: 2023
Bron: Shopify Performance Blog
Geoptimaliseerde metrics: LCP, CLS, conversie en verkeer.

Shopify en Carpe's succesvolle samenwerking om Carpe's online winkel te optimaliseren wordt hier uitgelicht. Shopify werkte samen met het team van Carpe om prestatieproblemen op te lossen, waardoor de website statistieken verbeterden. De gezamenlijke inspanning verbeterde de gebruikerservaring met een 52% snellere Largest Contentful Paint en een 41% snellere Cumulative Layout Shift. Deze technische upgrades verhoogden de conversieratio van Carpe's winkel met 5%, het webverkeer met 10% en de omzet met 15%. Nadat ze zagen dat hun online winkel trager werd nam Carpe, dat producten maakt voor gênant zweet, contact op met Shopify. Beide teams werkten samen om de prestatieproblemen op te lossen en snelle, effectieve resultaten te behalen.

Trendyol

  • Belangrijkste resultaat: Hoe Trendyol de INP met 50% verminderde, wat resulteerde in een 1% stijging van het doorklikpercentage
  • Jaar gepubliceerd: 2023
  • Bron: Web.dev
  • Geoptimaliseerde metrics: INP en CTR

Trendyol, een e-commerce platform met 30 miljoen klanten en 240.000 verkopers, is het eerste Turkse bedrijf met een waarde van meer dan $10 miljard en een van 's werelds top e-commerce platforms.

Trendyol gaf de voorkeur aan Interaction to Next Paint (INP) om de beste gebruikerservaring op schaal te leveren, terwijl de flexibiliteit van de inhoud behouden bleef en een oudere versie van React werd gebruikt. De PLP INP-verbetering van Trendyol verminderde de INP met 50% en verhoogde de bedrijfsmetriek van de zoekresultaten met 1%.