Een snelle laadtijd is cruciaal: mensen verwachten dat content direct op hun device verschijnt. Duurt het te lang, dan zoeken ze verder. Een snel ladende Magento webshop zorgt echter niet alleen voor een goede user experience. We leggen je uit wat de invloed van laadsnelheid op de vindbaarheid van een webshop is.
Hoe snel moet een pagina laden?
In zijn meest simpele vorm is de laadsnelheid de tijd die nodig is voordat alle content op een pagina staat. Het laden zelf gaat echter niet voor iedere webshop hetzelfde. Soms staat de tekst er vrijwel direct en verschijnen de afbeeldingen iets later. Op andere pagina’s verschijnen de verschillende elementen een voor een, waarbij ze ook nog eens van plek kunnen veranderen naarmate meer elementen inladen. Hoe langer dit proces duurt, des te groter wordt de kans dat de bezoeker uitstapt.
Google maakt onderscheid tussen drie zogeheten Core Web Vitals bij het beoordelen van de laadsnelheid. Dat zijn de volgende drie onderdelen:
- Largest Contentful Paint (LCP): Hierbij meet Google hoelang het duurt voordat het grootste contentelement van je pagina zichtbaar is, zodat de bezoeker kan zien dat de pagina daadwerkelijk aan het laden is. Dat kan een foto of een video zijn, maar ook een groot blok tekst. Idealiter is dat binnen 2,5 seconde gebeurd.
- Interaction to Next Paint (INP): Hierbij meet Google de tijd tussen een interactie van de gebruiker, zoals een klik of een tik, en wanneer de opdracht gebeurt. Voorbeelden zijn hoelang het duurt voor een product toegevoegd is aan de winkelwagen of wanneer een aangeklikte link geopend is. Dit gebeurt bij voorkeur binnen 200 milliseconde.
- Cumulative Layout Shift (CLS): Hierin wordt gemeten in hoeverre elementen van een pagina verplaatsen naarmate er meer elementen laden. Dit moet zo dicht mogelijk bij 0 zijn.
Minder conversies door tragere laadtijden
Google-gebruikers willen datgene waar ze naar op zoek zijn het liefst zo snel mogelijk vinden. Duurt het te lang voordat jouw pagina die ze in de organische zoekresultaten aangeklikt hebben, dan proberen ze het bij een concurrent. Volgens onderzoek van webdeveloper Tooltester duurt het 2,5 seconden voor de gemiddelde webpagina geladen is op een desktop of laptop. Op een mobiele device duurt het gemiddeld 8,6 seconden. Dat is erg lang. Volgens Google zelf verdrievoudigt het bouncepercentage zodra een bezoeker langer dan 3 seconden moet wachten.
Een traag ladende pagina heeft dus direct een negatief effect op de conversieratio. Maar ook je Google-ranking kan eronder lijden. Als gebruikers vaak vanuit jouw pagina terug naar de zoekresultaten klikken, interpreteert het algoritme van Google dat als een signaal dat de pagina niet relevant genoeg is bij de gebruikte keywords. Gebeurt dit te vaak, dan kan dat ervoor zorgen dat de pagina op termijn lager in de organische zoekresultaten komt te staan of er zelfs helemaal uit verdwijnt.
Omdat een snel ladende pagina bijdraagt aan een prettige user experience, is het ook belangrijk voor je retentie om de laadsnelheid te optimaliseren. Als klanten opnieuw iets uit jouw assortiment nodig hebben, zullen ze normaal gesproken eerder terugkeren naar een webshop waarop het bestelproces snel en soepel verlopen is. Uiteraard hebben meer factoren hier invloed op, maar een hoge laadsnelheid geeft een klant een goede eerste indruk.
Hoe verbeter je de laadsnelheid van een webshop?
Er zijn factoren die een pagina langzaam laten laden waar je geen invloed op hebt. Je kunt bijvoorbeeld niets doen aan de devices en de internetverbinding die je bezoekers gebruiken. Gelukkig zijn er ook veel verbeteringen die je wél zelf kunt doorvoeren om je pagina sneller te laten laden. De belangrijkste voorbeelden hiervan zijn als volgt:
- Caching: Als je browser caching toestaat, slaat de browser een aantal belangrijke elementen van je pagina’s op. Denk bijvoorbeeld aan afbeeldingen en CSS-bestanden. Als een bezoeker terugkomt op je site, hoeven die dus niet opnieuw te laden. Dit is vooral van belang voor terugkerende bezoekers, zoals oriënterende bezoekers die bij jouw webshop terugkomen zodra ze de knoop hebben doorgehakt.
- Afbeeldingen optimaliseren: Te grote afbeeldingsbestanden zijn grote boosdoeners bij traag ladende pagina’s. Het is meestal niet nodig om een afbeelding op de volledige grootte te tonen, dus de afbeeldingen kleiner maken en comprimeren is een goede oplossing voor een hogere laadsnelheid. JPEG voor foto’s en PNG voor logo’s of andere afbeeldingen zijn ideale bestandsformaten. WebP is nog kleiner, maar wordt vooralsnog niet door iedere browser ondersteund.
- Hyvä front-end: Hyvä Theme is een vernieuwd front-endthema voor Magento. Het thema is volledig opnieuw opgebouwd en zorgt voor betere prestaties. Hyvä heeft een vereenvoudigde opbouw, wat zorgt voor efficiëntere code en een betere performance. Hyvä belooft dezelfde functionaliteiten met minder bounces. Daarnaast heeft de ontwikkelaar in Hyvä Checkout een lichte, snel ladende check-out ontwikkeld.
Laat Shopcommerce de laadsnelheid van je webshop optimaliseren
Bij Shopcommerce zijn we al meer dan 15 jaar gespecialiseerd in webshops die gevonden worden en goed converteren. Dat doen we onder meer door de pagina’s van onze klanten zo snel mogelijk te laten laden. Onze SEO content wordt goed gevonden door de doelgroepen van onze klanten en als Silver Hyvä Partner zorgen we ervoor dat zoveel mogelijk bezoekers ook daadwerkelijk klanten worden.
Ben je benieuwd hoe we de laadsnelheid van jouw webshop kunnen optimaliseren? Neem contact met ons op, zodat we snel een afspraak kunnen maken om te overleggen hoe we jouw e-commerceambities naar een snel ladende webshop kunnen vertalen.
Bronnen:
Google Core Web Vitals: https://support.google.com/webmasters/answer/9205520
Blog Semrush: https://www.semrush.com/blog/page-speed/
Blog Tooltester: https://www.tooltester.com/en/blog/website-loading-time-statistics/
Contact Bart
Wil je meer weten over onze dienstverlening? Neem vandaag nog contact op met Bart.