Milliseconden maken het verschil tussen bounce en conversie bij onlineshoppen. Als je WooCommerce shop te traag is en je (potentiële) klanten te lang moeten wachten, gaat je conversion rate achteruit. Het verlaten van het winkelwagentje neemt toe en je verliest zichtbaarheid, waardoor je minder verkoopt dan je zou kunnen.
Dit artikel legt uit waarom een snelle webwinkel belangrijk is, hoe je kunt controleren of je WooCommerce presteert en wat je kunt doen om je WooCommerce sneller te maken.
Waarom snelheid zo belangrijk is voor een webwinkel
De eerste indruk van een webwinkel is het belangrijkst – en die bereik je door de laadtijd. Het maakt niet uit hoe elegant je ontwerp is en hoe intuïtief de navigatie werkt: Als je webwinkel te langzaam laadt, is de moeite min of meer voor niets geweest. Want de laadsnelheid heeft een enorme invloed op het conversiepercentage (d.w.z. hoeveel van de bezoekers van je website je omzet in betalende klanten).
Er zijn ook andere factoren die beïnvloed worden door de laadtijd, zoals zichtbaarheid en het verlaten van het winkelwagentje. Laten we de feiten een voor een bekijken:
1 Conversion Rate
De volgende statistieken helpen je te begrijpen hoe belangrijk de laadsnelheid van je WooCommerce winkel werkelijk is voor je conversion rate:
- Bijna 70% van de gebruikers geeft toe dat paginasnelheid hun koopbereidheid beïnvloedt. (Unbounce, 2019)
- De helft van alle 1145 respondenten zou bereid zijn animaties en video's op te geven voor snellere laadtijden. (Unbounce, 2019)
- De eerste vijf seconden van de laadtijd van een pagina hebben de grootste invloed op de conversion rate. (Portent, Update 2022)
- Het conversiepercentage van een website daalt gemiddeld met 4,42% met elke extra seconde laadtijd (tussen 0 en 5 seconden). (Portent, Update 2022)
Laten we een eenvoudig voorbeeld nemen: 1000 mensen bezoeken dagelijks je WooCommerce winkel. Gemiddeld genereer je €100 aan omzet per klant. Omdat je website er een seconde langer over doet om te laden, verlies je 4,42% van de 1000 bezoekers die hadden willen kopen. Dat is in totaal 4420 euro aan gemiste inkomsten per dag.
2 Zichtbaarheid
Naast het conversiepercentage beïnvloedt de laadsnelheid hoe zichtbaar je webwinkel is. Sinds 2010 weten we dat paginasnelheid een van de officiële rankingfactoren van Google is. De focus op optimalisatie voor mobiele apparaten kwam daar in 2018 bij. In mei 2020 kondigde Google ook aan dat de laadsnelheid (Page Speed) wordt meegenomen in de beoordeling van de gebruiksvriendelijkheid van websites (Page Experience).
Dit betekent: als je de laadtijd optimaliseert (in het kader van WooCommerce SEO), kan dit bijdragen aan het verbeteren van je Google ranking. Hierdoor kunnen (potentiële) klanten je gemakkelijker vinden in de zoekresultaten.
3 Annuleringen van het winkelwagentje
Het Baymard Instituut analyseerde 48 statistieken over het achterlaten van winkelwagentjes en kwam tot de volgende conclusie: 22 procent van de online shoppers haakt af omdat de website te langzaam laadt. En 80 procent van alle bezoekers die een aankoop afbreken, keert nooit meer terug naar de website. Omgekeerd maken snelle laadtijden en de bijbehorende positieve gebruikerservaring het waarschijnlijker om klanten te behouden.
In een notendop: Je omzet staat en valt met de performance van je e-commerce shop.
Voordat we ingaan op hoe je je WooCommerce sneller kunt maken, is de vraag: wat is snel?
Wat is de optimale laadtijd?
Wat snel of langzaam is, wordt bepaald door het gedrag van bezoekers: Volgens Google is de net acceptabele laadtijd voor e-commerce websites twee seconden. Google zelf streeft naar minder dan een halve seconde. De hoogste conversie in e-commerce vindt plaats op sites met laadtijden tussen 0 en 2 seconden. (Portent, Update 2022)
Opmerking:
Houd er bij het sneller maken van je WordPress rekening mee dat er een verschil is tussen de werkelijke (snelle) laadtijd en de waargenomen laadtijd van je bezoekers. Het is optimaal als je webwinkel snel is en als snel wordt ervaren. Zie ons artikel WordPress sneller maken
Met deze vier tools kun je de snelheid meten
Kerncijfers helpen je te weten waar je staat, waar je naartoe wilt en of je op de beste weg bent om je doelen te bereiken. Concreet betekent je WooCommerce sneller maken: onder de 2 seconden laadtijd komen – en dat ook in de mobiele versie.
Om de prestaties van je website te meten en de snelheid te bepalen, helpen de volgende tools je:
1. WebPageTest is de beste en meest uitgebreide tool om de laadtijd van je website te bepalen. Bovenal is het de enige tool die we kennen die de waargenomen laadtijd van je WooCommerce shop laat zien. (Er is een pro-versie en een gratis versie die al voldoende gedetailleerde gegevens geeft.)
Welke instellingen je kunt maken om de prestaties van je website te analyseren kun je vinden in onze WebPageTest gids.
2. Google PageSpeed Insights is een gratis tool die snel het prestatiepotentieel van je website laat zien. Dit geeft je goede tips over wat je kunt optimaliseren om je WooCommerce webwinkel te versnellen. De tool laat echter niet zien wat er daadwerkelijk op je website gebeurt. Je moet daarom niet alleen vertrouwen op PageSpeedInsights.
3. Pingdom Tools is standaard gratis, maar is ook beschikbaar in een Pro-versie. Met deze tool kun je de laadtijd testen van meer dan 70 plaatsen wereldwijd, wat interessant is als je internationaal gepositioneerd bent. Gebruik anders de PageSpeed gegevens die je over Nederland opvraagt om andere tests te controleren. Je moet nooit vertrouwen op slechts één testtool.
4. GTmetrix genereert, net als de andere tools, een prestatierapport op basis van de GTPerformance van de Lighthouse Website Audit Tool en de eigen waarde GTmetrix Structure. Dit omvat de algemene prestaties van de websites. De testlocatie van de server is Vancouver (Canada).
Belangrijk: In plaats van je te richten op het halen van goede cijfers in de PageSpeed tests, moet je aandacht besteden aan de waargenomen laadsnelheid van je website. Bedenk ook dat de resultaten gemakkelijk vertekend worden door herhaalde tests: Je presteert sneller in de snelheidstest naarmate je vaker je URL invoert in de betreffende tool, wat komt door caching.
Meer snelheid
Was dat niet diep genoeg voor je en wil je meer lezen over PageSpeed? Geen probleem! In ons magazine kun je alles leren over PageSpeed Insights & het belang van websitesnelheid. Je kunt ook lezen hoe je de laadtijd van je website correct meet en hoe je een typisch probleem oplost bij het vergelijken van performance.
WooCommerce versnellen: 8 tips en trucs van deskundigen
We hebben uitgelegd waarom je je webwinkel sneller moet maken, wat snel is en hoe je de snelheid kunt bepalen. Waar het nu om gaat is hoe je precies je WooCommerce sneller kunt maken.
#1 Optimaliseer de WooCommerce instellingen en verminder nutteloze verzoeken
De URL van je inlogpagina is standaard domain.com/wp-admin/. Dit is zelfs voor bots en hackers geen geheim. Verander daarom je inlog-URL in iets unieks om je te beschermen tegen brute force aanvallen en dergelijke. Tegelijkertijd bestrijd je de HTTP-fout 429, die optreedt als een user agent te vaak in korte tijd een bepaalde pagina probeert te openen. Dit zet op zijn beurt rate limiting in gang, zodat je serverbronnen niet volledig uitgeput raken door een groot aantal kwaadaardige verzoeken.
Want je kunt het waarschijnlijk wel raden: dit vermindert de prestaties van je WooCommerce, er wordt capaciteit verspild. Voorkom daarom ongeautoriseerde inlogpogingen door de URL van je inlogpagina te veranderen. De plugin WPS Hide Login is hierbij behulpzaam.
#2 Gebruik een snel WooCommerce thema
Een snelle laadtijd is het resultaat van de som van vele maatregelen. Daarom is het zinvol om je winkel vanaf het begin op een licht theme te bouwen of het later aan te passen. In de WP Rocket Speed Test presteerden de WordPress thema's Botiga, Astra en Blocksy bijzonder goed.
#3 Verhoog de geheugenlimiet van WordPress
Eén ding is zeker: voor een e-commerce shop is de standaard WordPress geheugenlimiet van 32 MB te laag. (De PHP Memory Limit bepaalt het maximale geheugenquotum dat het werkgeheugen biedt voor PHP processen. Deze limiet voorkomt dat servers worden overbelast door bijvoorbeeld een verkeerd script. Complexere websites zoals een WooCommerce webwinkel vereisen een hogere PHP geheugenlimiet, zodat servers de grote en gelijktijdige processen aankunnen).
Foutmeldingen als "toegestane geheugengrootte uitgeput" betekenen voor de snelheid van je website: die is sloom of laadt helemaal niet. (Bij Raidboxes kan de PHP Memory Limit voor WooCommerce uitgebreid worden tot 2048 MB, afhankelijk van het tarief).
Als je momenteel te weinig opslagruimte hebt, neem dan contact op met je hostingprovider.
#4 Verminder het aantal plugins en WooCommerce extensies
Inmiddels is er voor elk kwaaltje dat websites en webwinkels kunnen hebben een plugin geprogrammeerd. Aan de ene kant is dat praktisch, maar aan de andere kant kom je in de verleiding om talloze plugins en WooCommerce extensies te installeren. (WooCommerce extensies werken als plugins.) Hierdoor kun je snel het overzicht verliezen en je website verzwaren, waardoor hij trager wordt.
Om de prestaties van je WooCommerce niet te hinderen, is de kwaliteit van de plugins en extensies bijzonder belangrijk. Ze moeten ook onderling compatibel zijn. Plugins die sommige van dezelfde taken uitvoeren kunnen elkaars functionaliteit aantasten.
Ruim daarom onnodige plugins op en verwijder ze uit je WordPress database om je WooCommerce sneller te maken.
#5 Optimaliseer je afbeeldingen
Je WooCommerce winkel leeft van afbeeldingen. Maar als de afbeeldingen niet geoptimaliseerd zijn voor de prestaties, zal je website langzaam zijn. Verklein de bestandsgrootte van je afbeeldingen voordat je ze naar je website uploadt door het juiste bestandsformaat te kiezen en de afbeeldingen voor WordPress te optimaliseren. Zoek bij het comprimeren van beeldbestanden de balans tussen bestandsgrootte en kwaliteit. De afbeeldingen in je WooCommerce shop mogen nooit gepixeld zijn.
JPEG is het beste bestandsformaat voor productafbeeldingen. Zelfs als je de afbeeldingen na het maken bijsnijdt, moet je ze niet als een transparante PNG uploaden naar je WooCommerce shop. Voeg in plaats daarvan direct een witte achtergrond toe en sla ze op als JPEG. Zo bespaar je opslagruimte en laadt je website sneller.
#6 Versnel WooCommerce met caching
Als je topsnelheden wilt bereiken, is caching een must. Caching voorkomt dat WordPress bij elke paginalading je pagina opnieuw moet berekenen. In plaats daarvan wordt je website vanuit de cache geladen, klaar om gerenderd te worden.
Je kunt de prestatieverhoging door caching ofwel via caching plugins verkrijgen, zoals W3 Total Cache of WP Super Cache. Een andere mogelijkheid is dat je hosting provider aan de serverzijde al caching voor je heeft geconfigureerd. Sommige hosters, waaronder Raidboxes, bieden dit aan. Hierdoor zijn bijna altijd geen caching plugins meer nodig, wat ideaal is omdat derden worden uitgesloten.
#7 Ruim je WooCommerce database op
Niemand sprint met veel ballast, zelfs je website niet. Bevrijd daarom je WooCommerce database van datajunk die je onnodig verzwaart. Neem daarom de stappen die in het artikel WordPress database opschonen worden beschreven door:
- Thema's verwijderen
- Plugins opruimen
- Concepten verwijderen
- Herzieningen verwijderen
- Opschonen en optimaliseren mediabibliotheek
- WordPress sessies verwijderen
#8 Optimaliseer je webwinkel eerst voor mobiel
Mobile first betaalt zich uit in zichtbaarheid, bruikbaarheid en dus je portemonnee. De gemakkelijkste manier om je WooCommerce mobielvriendelijk te maken is het gebruik van een responsief WordPress theme (zoals Astra, Botiga of Blocksy). Responsive betekent dat de lay-out van je website zich aanpast aan de schermgrootte van het apparaat, wat essentieel is voor een goede winkelervaring.
Studies tonen immers aan dat meer dan de helft van al het traffic afkomstig is van mobiele apparaten (59,16 procent, tablets niet meegerekend). Als de meerderheid van je winkelbezoekers op mobiele apparaten surft, zouden de meeste conversies dan niet via de smartphone moeten plaatsvinden? In feite converteren meer bezoekers op desktop: In Q2 2022 deed drie procent van de bezoekers die via desktop winkelden een aankoop en slechts twee procent van al diegenen die de website via smartphone bezochten. (Hoewel de statistiek betrekking heeft op Amerikaanse online winkels, is hetzelfde ook terug te vinden in het wereldwijde onlineshopping).
Snelle laadtijd begint met hosting
Alle andere maatregelen om je WooCommerce sneller te maken hebben geen nut als je (WordPress) hosting het niet kan bijbenen. Bij WooCommerce hosting moet je daarom op de volgende factoren letten:
- Speciale krachtige servers in plaats van shared hosting: Als je servers en rekenkracht deelt met andere websitebeheerders, vertraagt dit de laadsnelheid van je shop. Om je WordPress tot 400 procent sneller te maken, heb je de volledige prestaties en rekenkracht alleen voor jouw WooCommerce nodig. Om dit te garanderen gebruiken we vServer-technologie bij Raidboxes.
- Speciale infrastructuur afgestemd op WordPress en WooCommerce: Als de hosting van A tot Z geoptimaliseerd is voor WordPress, kun je jezelf een hoop plugins van derden besparen. Bij Raidboxes zorgen we er bijvoorbeeld ook voor dat je website de nieuwste WordPress-versie draait of dat je plugins automatisch kunt laten updaten.
Conclusie: WooCommerce sneller maken heeft prioriteit
De uitdrukking "tijd is geld" vat goed samen waarom het versnellen van je WooCommerce webshop een prioriteit zou moeten zijn. Milliseconden kunnen het verschil maken tussen bezoekers omzetten in klanten of ze voorgoed wegjagen met een gebrekkige gebruikerservaring. Het goede nieuws is dat je je WooCommerce sneller kunt maken – van hosting tot mobile-first optimalisatie tot database opschoning.
Jouw vragen over het sneller maken van WooCommerce
Heb je vragen over het optimaliseren van WooCommerce? Gebruik dan gerust de commentaarfunctie. Wil je op de hoogte blijven van verdere bijdragen over het onderwerp WordPress en WooCommerce? Volg ons dan op LinkedIn, Facebook, Twitter of via onze nieuwsbrief.
