Voor een webshop geldt: snelheid = geld. Hoe sneller je website laadt, hoe beter de winkelervaring voor de gebruiker wat zich vertaalt naar betere SEO, verhoogde ROI en blijere klanten! En dat leidt uiteindelijk tot meer omzet en winst.

Vandaag de dag verwachten shoppers haarscherpe afbeeldingen en video’s, een live chat, realtime voorraad-informatie, personalisering en nog een hele stapel andere dynamische tools.

Online shoppers hebben daarnaast ook een korte aandachtsboog. Dus alle features die ze verwachten om hun winkelbeleving sneller en soepeler te maken, zijn precies dezelfde features die je website meteen ook een stuk langzamer kunnen maken als je ze niet goed instelt.

WooCommerce is het populairste platform voor e-commerce ter wereld, is helemaal gratis én is helemaal aan te passen zodat het perfect bij jouw winkel past.

WooCommerce is de populairste binnen e-commerce

WooCommerce is het populairste e-commerce platform (afbeelding: BuiltWith)

WooCommerce is al meer dan 88 miljoen keer gedownload en is momenteel op meer dan 5 miljoen websites in gebruik.

Downloads en gebruikersstatistieken voor de WooCommerce plugin

Downloads en gebruikersstatistieken voor de WooCommerce plugin

Anders dan bij andere populaire winkelplatforms hoef je niet een percentage van je omzet aan WooCommerce af te dragen voor het gebruik. Wel komen er wat overheadkosten kijken bij het hebben van een WooCommerce-webshop.

En daar zit het addertje onder het gras. Aangezien WooCommerce gratis is, maar beperkte ondersteuning biedt, ben je zelf verantwoordelijk om je site in topconditie te houden. Het goede nieuws is dat het vrij makkelijk is om dat te doen als je weet wat er moet gebeuren.

Wil je ook weten hoe je je WooCommerce-website op een betrouwbare manier sneller kunt maken?

Dan is deze uitleg voor jou!

Waarom is snelheid zo belangrijk voor een webshop?

De eerste indruk is belangrijk en snelheid is het allereerste wat een gebruiker ziet als je website bezocht wordt. Volgens onderzoek van Google verlaat 53% van de mobiele gebruikers een website als het langer dan 3 seconden kost om te laden.

Minder dan 3 seconden is de best practice

Minder dan 3 seconden is de best practice (afbeelding: Think with Google)

2 seconden is eigenlijk het maximum dat acceptabel is voor een e-commerce website. Bij Google is ons doel minder dan een halve seconde.“- Maile Ohye, Tech Lead, Google

In een ander wereldwijd onderzoek gaf 80% van de gebruikers aan dat ze een langzame website frustrerender vinden dan een website die tijdelijk uit de lucht is. Uit hetzelfde onderzoek bleek dat 73% van de gebruikers naar een website van de concurrent gaat als een website te langzaam laadt.

Zelfs een vertraging van 100 milliseconden de laadsnelheid van een pagina kan de gebruikerservaring al schaden en daarmee de omzet. Volgens Akamai vermindert een vertraging van 100 milliseconden de conversie-ratio’s al met 7%, terwijl een vertraging van 2 seconden de bounce rate met 103% verhoogt.

Als je website dagelijks $1000 aan omzet genereert, betekent dat een vertraging van 100 milliseconden je dus $25.550 aan verloren omzet kost per jaar.

En hoe groter je bedrijf, hoe hoger dit bedrag oploopt. Amazon schat bijvoorbeeld in dat ze jaarlijks $1.6 miljard verliezen als hun pagina’s slechts één seconde langzamer zouden laden.

Page load time versus bounce rate chart by Google

Laadtijd is belangrijk! (Afbeelding bron: Think with Google)

De data hierboven laat zien dat als je website meer dan 6 seconden nodig heeft om te laden, je twee keer zoveel gebruikers verliest als wanneer je website in minder dan 3 seconden zou laden.

Naast de ervaring van de gebruiker, heeft de snelheid van je website ook een impact op je SEO. De snelheid en prestaties van je website zijn een belangrijke factor in het ranking-algoritme van Google.

Google is overgestapt naar mobile-first indexering voor meer dan 50% van de pagina’s die in hun zoekresultaten getoond worden. Desondanks lijkt het volgens data van HTTPArchive.org dat de gemiddelde laadtijd voor mobiele websites op basis van WordPress alleen maar slechter is geworden.

De prestaties van de populairste WordPress-websites

De prestaties van de populairste WordPress-websites (afbeelding: HTTPArchive.org)

 

Tijdens piekverkeer, zoals op Cyber Monday en Black Friday, is het nog belangrijker om je website zo snel mogelijk te houden. Aangezien er zoveel aanbiedingen overal zijn, is het van vitaal belang ervoor te zorgen dat shoppers je website niet verlaten voor ze hun aankopen gedaan hebben.

Met deze statistieken begrijp je wel dat het versnellen van je WooCommerce-webshop je een groot voordeel geeft ten opzichte van je concurrenten.

Snelheid is alles: een vertraging van 100 milliseconden verlaagt conversie-ratio's met 7%, terwijl een vertraging van 2 seconden je bounce rate met 103% verhoogt. Bekijk hier hoe je je WooCommerce-webshop kunt versnellen! 🚀🚚Click to Tweet

Meten van de snelheid van een WooCommerce-winkel

Als je het niet kunt meten, kun je het niet verbeteren!

Nu we weten hoe belangrijk snelheid is voor je WooCommerce-winkel, is het tijd om je eigen snelheid te leren meten. Het is namelijk van essentieel belang om je verbeteringen te kunnen meten bij het sneller maken van je WordPress-website.

Een snelheidstest voor websites is een ideale tool om de responstijd van je WooCommerce-winkel te testen. Echter, als je de tool niet op de juiste manier gebruikt, dan lijkt het alsof je website alleen maar langzamer wordt in plaats van sneller.

Een rapport van een snelheidstest

Een rapport van een snelheidstest (afbeelding: Pingdom)

Ik raad je aan om te beginnen met één van de volgende snelheidstests: WebPagetestPingdomGoogle PageSpeed Insights of GTMetrix.

Je kunt ook de gratis WordPress-plugin Query Monitor gebruikt om er precies achter te komen welke thema’s, plugins en functies je prestaties verslechteren. Het helpt je bij het oplossen van inefficiënte database-query’s, nodeloos grote functies, PHP-foutmeldingen, HTTP API calls, etc.

Geen enkele snelheidstest is perfect, maar kies er één en blijf die gebruiken. Je kunt later alsnog andere opties proberen.

Gary Illyes, Webmaster Trends Analyst, Google

Gary Illyes, Webmaster Trends Analyst, Google

Er is een verschil tussen daadwerkelijke prestaties en ervaren prestaties. De ervaring van de gebruiker is uiteindelijk veel belangrijker dan de technische toverij die achter je website zit.

Gebruik daarom de methoden hieronder om de algehele winkelbeleving van je gebruikers te verbeteren, in plaats van alleen een hoge score op de snelheidstest te krijgen.

Zo maak je je WooCommerce-website sneller

Een rapport van een snelheidstest zal je meteen een plan geven waarmee je aan de slag kunt om je langzame WooCommerce-website te verbeteren. Zin in? Laten we dan beginnen!

1. Optimaliseer de instellingen van WooCommerce voor prestaties

Laten we beginnen met de basis door de instellingen van WooCommerce te optimaliseren.

Begin met het veranderen van de URL van je inlogpagina. Standaard krijgt elke WordPress-website als inlog-URL domein.nl/wp-admin/. Alhoewel dit makkelijk is te onthouden, veroorzaakt het een groot probleem: iedereen kent het, dus ook bots en hackers.

Verander je URL naar iets unieks om je te beschermen tegen brute-force-aanvallen van kwaadwillenden. Het helpt je ook om snelheidsbeperkende HTTP-foutmeldingen zoals de 429 Too Many Requests te verminderen.

Gratis plugins zoals WPS Hide Login en Rename wp-login.php maken dit klusje supermakkelijk.

Als je e-commerce site ook een blog host, kan je het aantal berichten op je blogfeed beperken. WordPress stelt deze limiet standaard in op 10 berichten, maar je kan een lagere limiet instellen.

Hoewel dit misschien niet veel lijkt, tellen al deze kleine prestatiebesparingen flink op wanneer je een blog hebt met veel verkeer (hier lees je hoe je meer verkeer op je website kan krijgen). Je kan deze optie vinden in je WordPres dashboard onder → Instellingen → Lezen.

Beperk het aantal artikelen in je blogfeed

Beperk het aantal artikelen in je blogfeed

Vervolgens moet je pingbacks op je website uitschakelen. Hiermee krijg je meestal alleen maar waardeloze spam. Hoe minder query’s je website genereert, hoe beter.

Optimaliseer de instellingen voor reacties

Optimaliseer de instellingen voor reacties

Als je veel reacties van gebruikers krijgt op je artikelen en pagina’s, biedt WordPress ook de mogelijkheid om deze in kleinere stukjes op te breken. Dezelfde instellingen zijn mogelijk voor het reduceren van beoordelingen op je productpagina’s.

Zet dit getal tussen de 10 en 20 om de laadtijden van je productpagina’s te optimaliseren.

Je kunt ook productbeoordelingen uitschakelen onder WooCommerce → Instellingen als je ze überhaupt niet wilt. Hierdoor wordt je website sneller omdat het een aantal scripts en widgets uitschakelt.

Schakel productbeoordelingen uit als je ze niet nodig vindt

Schakel productbeoordelingen uit als je ze niet nodig vindt

En tenslotte, verwijder alle onnodige/oude thema’s en plugins van je website. Hoe minder thema’s en plugins je geïnstalleerd hebt, hoe makkelijker het is om te bij te houden en eventuele problemen met prestaties op te lossen.

2. Kies een snel WooCommerce-thema

Het maakt veel uit welk WooCommerce-thema je gebruikt. Er zijn honderdduizenden thema’s, dus het is altijd lastig om het perfecte thema voor jou uit te kiezen.

Uitgelichte thema's op WordPress.org

Uitgelichte thema’s op WordPress.org

Een mooi thema met goede ingebouwde features kan in theorie mooi klinken, maar in de praktijk een enorme flop zijn. Voor een e-commerce website is het allereerst zaak om er één te kiezen die volledig compatibel is met WooCommerce.

Using filters to search smartly for themes on wp.org

Filter down your ecommerce theme search

WP Rocket heeft een aantal populaire WooCommerce-thema’s getest op snelheid met de volgende resultaten.

Snelle WooCommerce thema's (Afbeelding bron: WP Rocket)

Snelle WooCommerce thema’s (Afbeelding bron: WP Rocket)

Astra, OceanWP en GeneratePress zijn ook de favorieten van Kinsta zoals we ook hebben beschreven in het artikel over het sneller maken van WordPress. Het zijn supersnelle, lichtgewicht WordPress-thema’s. Je vind in deze tutorial nog 10+ andere hele snelle thema’s.

Als je die combineert met een page builder zoals Elementor of Beaver Builder, kun je eigenlijk elke website maken die je wilt.

Storefront is het officiële WooCommerce-thema

Storefront is WooCommerce’s official theme

Storefront is een gratis thema dat door WooCommerce wordt aangeboden, terwijl Shoptimizer, Divi, en WoondrShop premium thema’s zijn. Aangezien deze thema’s specifiek zijn ontworpen om een webshop te runnen, hoef je geen plugins van derden te installeren om alle benodigde features te krijgen.

Als je een beperkt budget hebt, is het een prima idee om te beginnen met een gratis thema en later te upgraden naar een premium oplossing.

Ik raad je aan om de page builders achterwege te laten om je website niet onnodig groter te maken. Kies in plaats daarvan voor een thema dat de blok-editor Gutenberg van WordPress ondersteunt.

Om uiteindelijk te kunnen kiezen voor een thema raad ik je aan om een lijstje te maken van alle features die je in je webshop nodig hebt. Kies vervolgens een thema dat zelf al zoveel mogelijk van deze features biedt. Hierdoor heb je minder interne afhankelijkheden en minder plugins nodig.

Dit brengt ons bij de volgende suggestie.

3. Doe rustig aan met plugins en WooCommerce-extensies

WordPress heeft meer dan 54.000 gratis plugins in hun verzameling. En dan zijn er nog meer betaalde plugins te vinden. Het is dus vrij makkelijk om helemaal los te gaan en er tientallen te installeren.

Er is een plugin voor bijna alles

Er is een plugin voor bijna alles

Veel populaire plugins, met name die zich richten op prestaties en veiligheid, werken minder goed in bepaalde hostingomgevingen.

Als je het lastig vindt om de juiste plugin uit te kiezen, ga dan naar de lijst met de beste, door Kinsta uitgekozen, WordPress-plugins. Of je nou op zoek bent naar het verbeteren van SEO of verkleinen van afbeeldingen, je zult in deze lijst de beste opties vinden.

De functionaliteit van WooCommerce kan verder uitgebreid worden met een ruime selectie van gratis en premium WooCommerce-extensies. Deze werken op dezelfde manier als plugins.

WooCommerce-extensies vergroten de functionaliteit van je winkel

WooCommerce-extensies vergroten de functionaliteit van je winkel

In tegenstelling tot wat veel mensen denken, is het niet per se zo dat meer plugins automatisch problemen met je prestaties opleveren. Dat is alleen zo als de plugins niet zijn gebouwd volgens best practices wat betreft programmeren.

Het controleren van elke plugin op kwaliteit wordt te veel moeite als je er veel hebt. En dan gaan we er nog vanuit dat je zelf de expertise en vaardigheden hebt om ze goed te controleren.

Sommige plugins creëren zelfs conflicten met andere plugins. Wanneer je tientallen plugins op je website hebt, neemt de kans op conflicten tussen plugins toe.

Denk dus goed na over de plugins en extensies die je installeert.

4. Verhoog het geheugenlimiet van WordPress

WordPress wijst standaard 32MB geheugen toe aan PHP. Als je site hier last van ondervindt, probeert WordPress dit automatisch te verhogen naar 40MB voor een enkele site of 64MB voor een multisite.

Maar in de meeste gevallen is ook dit limiet te laag voor een WooCommerce-website. Je krijgt misschien zelfs een foutmelding op je dashboard zoals:

Allowed memory size of xxxxxx bytes exhausted”

We raden je dan ook aan om deze limiet te verhogen naar 256MB. Maak altijd een back-up van een bestand voordat je het aanpast. Mocht er dan iets misgaan, dan kun je altijd nog weer teruggaan naar het origineel.

5. Comprimeer afbeeldingen en optimaliseer de levering

Afbeeldingen vormen het grootste deel van de omvang van de meeste websites, en dat geldt zeker voor webshops. WooCommerce-websites zitten bomvol afbeeldingen en banners.

Als je de afbeeldingen niet optimaliseert voor grootte en levering, zullen ze je website enorm vertragen 🐌

HTTPArchive volgt de grootte en hoeveelheid van afbeeldingen van veel populaire websites. Hier zie je een visuele weergave van hun beoordeling van de status van WordPress-websites in 2021:

Afbeelding zijn erg zwaar

Afbeelding zijn erg zwaar

Alhoewel video’s een nog zwaardere resource zijn dan afbeeldingen, worden ze meestal alleen op aanvraag geladen. Ze beperken dus niet de ervaren laadtijd van een pagina zoals afbeeldingen dat wel doen.

Volgens het State of the Images rapport van HTTPArchive kun je al snel 545KB per pagina besparen door “lazy-loading” van verborgen en niet weergegeven afbeelding.

Door je JPEG-compressieniveau’s op 85 of lager te zetten, kun je nog eens 40.3 KB per pagina besparen. Deze metingen komen direct van Lighthouse, de tool van Google voor snelheidstests voor mobiele websites.

Volg deze 5 regels om de afbeeldingen voor je WooCommerce-winkel te optimaliseren (en al je websites in het algemeen):

  1. Kies het juiste format voor je afbeeldingen (JPEG, PNG, SVG, WebP).
  2. Comprimeer de afbeeldingen met de juiste tools.
  3. Gebruik responsive afbeeldingen om de aflevering te optimaliseren voor verschillende apparaten.
  4. Lazy-load verborgen en niet-zichtbare afbeeldingen.
  5. Offload de aflevering van afbeeldingen naar snelle CDN’s.

WooCommerce 3.3 introduceerde al verbeteringen voor de grootte van afbeeldingen door bijvoorbeeld on-the-fly thumbnail resizing, blurry image fix, en thumbnail resizing op de achtergrond. Al deze nieuwe features maken het gebruik van een plugin zoals Regenerate Thumbnails voor WooCommerce-gerelateerde afbeeldingen overbodig.

Aanpassen van productafbeeldingen voor WooCommerce (afbeelding: WooCommerce)

Aanpassen van productafbeeldingen voor WooCommerce (afbeelding: WooCommerce)

Als je begint met een nieuwe installatie, kun je je afbeeldingen eerst comprimeren voordat je ze naar je website uploadt. Hier zijn een aantal van de betere comprimeringstools voor afbeeldingen:

Aanpassen van productafbeeldingen voor WooCommerce

Aanpassen van productafbeeldingen voor WooCommerce (afbeelding: WooCommerce)

Heb je al veel afbeeldingen op je website staan? Dan kun je een WordPress-plugin gebruiken om automatisch je afbeeldingen te optimaliseren. Enkele plugins die in mijn ervaring constant goede resultaten geven:

De meeste van deze plugins maken lazy-loading mogelijk voor afbeeldingen. Het kernteam van WordPress is ook van plan om lazy-loading als een ingebouwde feature toe te voegen. Deze feature zou dan de nieuwe loading HTML-attribuut voor <img> tags gaan gebruiken.

En dan nog één laatste opmerkingen over het optimaliseren van afbeeldingen. Beperk het gebruik van plugins die afbeeldingen comprimeren zoveel mogelijk, vooral de plugins die de resources van je server gebruiken om de afbeeldingen te comprimeren.

Gebruik in plaats daarvan een dienst die de compressie-taak op een externe server uitvoert. Of nog beter, comprimeer en verklein je afbeeldingen zoveel mogelijk vóórdat je ze uploadt naar je website.

Voor een gedetailleerde uitleg is het artikel van Kinsta over optimaliseren van afbeeldingen voor internet een goede plek om te beginnen.

6. Bezorg statische resources via een CDN

Een Content Delivery Network (CDN) is een groep servers die wereldwijd op strategische plekken zijn neergezet. Deze serverlocaties worden ook wel Points of Presence (PoP’s) genoemd.

De primaire functie van een CDN is het cachen en leveren van statische resources zoals afbeeldingen, JavaScript, CSS, etc. Krachtigere CDN’s kunnen ook dynamische content zoals audio en video hosten en bezorgen.

Zelfs als je website op de snelste server ter wereld draait, wordt het nog steeds afgeremd door de geografische locatie. Een WordPress CDN vermindert de afstand tussen de resource en de gebruiker, waardoor zowel de netwerklatentie als de Time To First Byte (TTFB) vermindert.

Kinsta CDN

Kinsta CDN met de PoPs gemarkeerd

Afhankelijk van waar een verzoek vandaan komt, wordt het automatisch toegewezen aan het dichtstbijzijnde PoP binnen het CDN om de gecachete resource te leveren. Het resultaat is een snellere website en een betere ervaring voor de gebruiker.

Als je WooCommerce-winkel bijvoorbeeld in de VS gehost wordt, en een gebruiker uit India je website probeert te open, zal het CDN de bestanden voor je website leveren vanaf de dichtstbijzijnde PoP. Dat zou in dit geval Bengaluru (India) zijn.

CDNs zijn ideaal om statische content af te leveren

CDNs zijn ideaal om statische content af te leveren (afbeelding: Seobility)

Als algemene regel geldt dat hoe meer PoPs er zijn en hoe beter ze zijn verspreid, hoe sneller je website zal zijn voor je gebruikers.

Kinsta heeft zijn eigen CDN getest en de resultaten zijn duidelijk. Voor gebruikers die op plekken zijn die aanzienlijk verder van de hostingserver af liggen, vermindert het gebruik van een CDN de laadtijd voor de pagina met meer dan 50%.

Naast caching, ondersteunen veel CDN’s ook andere features die de prestaties verbeteren, zoals betere on-the-fly comprimeren van afbeeldingen, HTTP/2 ondersteuning, hotlink bescherming en betere veiligheid.

Voor een snellere WooCommerce-webshop raden we je dus aan om een snelle CDN te nemen. Enkele populaire CDN’s waarnaar je kan kijken zijn:

7. Verwijder ongebruikte scripts en stylesheets

De meeste WordPress-thema’s en plugins laden scripts en stylesheets op alle pagina’s van je website. Dat doen ze ook wanneer die eigenlijk niet gebruikt worden op die pagina.

Contact Form 7 bijvoorbeeld laadt al hun scripts en stylesheets op alle pagina’s. Dat terwijl je hun formulieren meestal alleen op de contactpagina gebruikt. Nogal overbodig dus!

Door deze ongebruikte bestanden van je pagina’s te verwijderen hou je je website slanker en verbeter je de laadtijd van je website. WooCommerce en de extensies (bijv. Smart Coupons en Follow-Ups) zijn hier ook vatbaar voor.

Het is bijvoorbeeld niet nodig om scripts voor betalingen op elke pagina van je website te laden. Je kunt dat soort script beter beperken tot alleen de afrekenpagina en bestelbevestigingen. Andersom werkt het precies hetzelfde en kan je gerust scripts en styles voor sliders en afbeeldingscarrousels van je afrekenpagina verwijderen.

Als je wilt weten welke bestanden je allemaal kunt weghalen, kijk dan naar de watervalgrafiek in het snelheidsrapport van je website. Dat geeft je een goed idee van bestanden die onnodig worden geladen.

GTMetrix’s watervalgrafiek

GTMetrix’s watervalgrafiek

Ook het tabblad Network in de DevTools van Chrome is een goede plek om informatie te krijgen. Hier zul je een duidelijk beeld krijgen van hoe en wat elke pagina laadt.

Gebruik het tabblad Network in DevTools van Chrome

Gebruik het tabblad Network in DevTools van Chrome

Haal alle scripts en styles weg die niet nodig zijn voor het functioneren van een pagina. Begin met het optimaliseren van je startpagina en andere landingspagina’s, aangezien dat de eerste indruk zal zijn die de meeste gebruikers zullen krijgen.

Je kunt de functies  wp_dequeue_script en wp_dequeue_style gebruiken om scripts en styles te verwijderen. Nog een andere manier om hetzelfde resultaat te bereiken is door een plugin met de naam Asset Cleanup: Page Speed Booster te gebruiken.

Ruim je WordPress assets op

Ruim je WordPress assets op

Asset CleanUp scant alle scripts en stylesheets die op een pagina worden geladen. Vervolgens kun je ongebruikte bestanden op een pagina uitschakelen. Test de pagina of alles nog steeds goed werkt nadat je alles hebt opgeruimd.

Uitschakelen van het script voor de Stripe betalingsmethode met Asset CleanUp

Uitschakelen van het script voor de Stripe betalingsmethode met Asset CleanUp

De pro-versie van de plugin helpt je ook bij het asyncen of uitstellen van attributen van de assets. Door deze instelling te gebruiken verwijder je JavaScript van het kritieke render path van de pagina. Dat zou de ervaren laadtijd van je website moeten verbeteren.

Nog een voordeel van het verwijderen van onnodige CSS en JS assets is dat je website weer minder HTTP-verzoeken doet.

Voor een gratis alternatief kun je ook een combinatie van de plugins Autoptimize en Async Javascript gebruiken. Als je kiest voor de Autoptimize plugin, dan vind je hier onze uitgebreide stapsgewijze handleiding over de beste instellingen.

8. HTTP/2 is essentieel

Als we dit artikel een paar jaar geleden hadden geschreven, was de titel van dit deel “Verminder het aantal HTTP-verzoeken” geweest. Maar dankzij forse verbeteringen in hoe browsers met websites communiceren is die optimalisering nu overbodig.

HTTP 1.1 was de eerste grote update voor het HTTP-protocol en is in 1997 al doorgevoerd. Dat was dus nog voor social media, streamingdiensten, smartphone apps en zelfs voor WordPress bestond. Het web is sindsdien enorm gegroeid.

HTTP/2 is een verbetering ten opzichte van het HTTP 1.1-protocol en is in 2015 doorgevoerd om aan de groeiende eisen van het internet te blijven voldoen. Daardoor zien we nu enorme verbeteringen in snelheid, efficiëntie en veiligheid.

HTTP 1.1 vs HTTP/2

HTTP 1.1 vs HTTP/2 (afbeelding: Cloudflare)

De verbeterde prestaties binnen HTTP/2 komt door verschillende zaken:

Dit alles zorgt voor één enorm voordeel: websites laden sneller, ook wanneer ze verschillende soorten bestanden hosten.

Over het algemeen gebruiken WooCommerce-winkel veel zware bestanden, zoals afbeeldingen, stylesheets en scripts. Dit soort sites hebben dus een enorm voordeel door over te stappen op HTTP/2.

Je kunt de HTTP/2 testtool van KeyCDN gebruiken om te kijken of jouw website ook met HTTP/2 kan werken. Tegenwoordig ondersteunt elke grote browser HTTP/2. Er is dus geen reden waarom je niet je voordeel zou doen met de enorme verbeteringen van prestaties.

Als je hostingprovider HTTP/2 nog niet ondersteunt, ga dan snel naar een nieuwe provider zoeken. Kinsta ondersteunt HTTP/2 en TLS 1.3 op alle servers en het CDN.

Overigens kunnen we binnenkort zelfs HTTP/3 verwachten waarmee websites nóg sneller zullen laden.

9. Cache WooCommerce om het sneller te maken

Caching is het tijdelijk opslaan van resources van een verzoek zodat gelijksoortige verzoeken erna sneller uitgevoerd kunnen worden. De cache kan zich zowel op de server als op het apparaat van de gebruiker bevinden.

Het is één van de makkelijkste manieren om je WooCommerce-winkel sneller te maken. En het is ook de belangrijkste manier.

Zo werkt webcaching

Zo werkt webcaching

  1. De gebruiker verstuurt een verzoek naar een website via de browser. Ze typen bijvoorbeeld www.kinsta.com in.
  2. De browser maakt vervolgens een verzoek voor een webpagina (HTML-document) om die weer te kunnen geven aan de gebruiker. Een DNS-server behandelt dit verzoek, waardoor het IP-adres van de hostende server bekend wordt.
  3. Het vervolgens retourneren van de webpagina wordt gedaan door een toepassing (bv WordPress, Joomla, etc) die gehost wordt op een webserver. Bij statische websites is een toepassing niet eens per se nodig.
  4. De toepassing voert de scripts uit (zoals PHP of JavaScript) en (5) doet een verzoek aan de database (bv MySQL of MongoDB) om een webpagina op te kunnen bouwen. Deze webpagina wordt naar de browser gestuurd die het verwerkt en het eindresultaat aan de gebruiker vertoont.

Maar dat is slechts een enkel verzoek van een enkele gebruiker. Wat als er verschillende verzoeken van duizenden gebruikers op hetzelfde moment komen? Dat zou een enorme taak zijn voor de server, waardoor de website langzamer laadt.

En dat is het moment dat caching om de hoek komt kijken. Het vermindert de hoeveelheid werk om een pagina weer te geven, waardoor de afhankelijkheid van WordPress op PHP en een database verminderd wordt. Caching zorgt dat WordPress bijna net zo snel laadt als een statische website of zelfs net zo snel.

Er zijn 2 grote soorten webcaching, met beiden hun eigen subsets:

Server-Side Caching

Client-Side Caching

Caching maakt het laden van een website niet alleen korter, maar vermindert ook de belasting voor de server. Kinsta’s gedetailleerde artikel over het cachen van WordPress is een goede plek als je echt het fijne ervan wilt weten.

Als je WooCommerce-winkel bij Kinsta gehost wordt, wordt caching op het niveau van de server geregeld. Je hebt dan dus geen plugin nodig om te cachen.

Kinsta stelt alle cachingregels in om perfect met WooCommerce samen te werken. Hierdoor hebben je gebruikers een soepel afrekenproces zonder problemen.

WordPress laadtijden na het migreren naar de nieuwe servers van Kinsta

WordPress laadtijden na het migreren naar de nieuwe servers van Kinsta

Als je hostingprovider niet op het niveau van de server het cachen regelt, heb je een cachingplugin van een externe partij nodig om dat te doen. Alhoewel dat niet ideaal is, is iets beter dan niets.

Hier zijn mijn beste aanbevelingen voor cachingplugins voor WordPress:

Voor meer opties kun je ook naar het artikel van Kinsta over WordPress cachingplugins kijken.

10. Ruim je WooCommerce-database op

Een database is een georganiseerde verzameling van alle data van je website. Voor een WooCommerce-winkel hoort daarbij:

Elke keer dat een gebruiker je winkel bezoekt, vragen ze om de content van je website, die vooral statisch is en niet al te vaak verandert. Maar wanneer ze een bestellingen plaatsen, maken ze een dynamisch verzoek.

Als je de database van je webshop niet optimaliseert, kan het te lang duren om dergelijke verzoeken te verwerken. En uiteindelijk leidt een trage reactie van de server tot een trage website. Je moet daarom je database regelmatig opruimen en optimaliseren.

Hier zijn 6 manieren om je WooCommerce-database sneller te maken en te optimaliseren.

Verwijder oude revisies

Als je je WooCommerce-webshop al een poosje hebt, zullen de pagina’s, artikelen en producten vol staan met oude revisies. Hoog tijd om die op te ruimen.

De makkelijkste manier om dat te doen is door een plugin zoals WP-Sweep of WP Rocket te gebruiken.

Het verwijderen van oude revisies met WP Rocket

Het verwijderen van oude revisies met WP Rocket

Als je overweg kan met WP-CLI, dan kan je ook via SSH verbinding maken met je server en een aantal simpele commando’s uitvoeren om hetzelfde te bereiken. Dit is hoe je het doet je dit.

Beperk het aantal opgeslagen revisies

Je kunt voorkomen dat je überhaupt veel oude revisies hebt door het aantal revisies voor artikelen en pagina’s te beperken. Als je de content van je website vaak updatet, zal dit je helpen om het aantal revisies binnen de perken te houden.

Een eenvoudige manier om het limiet in te stellen is door de onderstaande code aan je wp-config.php bestand toe te voegen. Zorg dat je deze toevoegt vlak voor de regel waar ABSPATH wordt gedefinieerd.

define('WP_POST_REVISIONS', 15);

Ik heb zelf het limiet op 15 gezet hierboven. Dit kun je veranderen naar een getal dat beter bij jou past, maar probeer het wel onder de 15 te houden.

Ook hierbij kun je weer een gratis plugin gebruiken zoals WP Revisions Control om hetzelfde te doen.

Beperk het aantal revisies met WP Revisions Control

Beperk het aantal revisies met WP Revisions Control

Schakel revisies helemaal uit (als ze onnodig zijn)

Je kunt revisies helemaal uitschakelen op je website. Het enige wat je dan moet doen is de volgende regel code aan je wp-config.php bestand toevoegen. Net als zonet, let erop dat je dit stukje code toevoegt boven de regel waar ABSPATH wordt gedefinieerd.

define('WP_POST_REVISIONS', false);

Je kunt ook hier weer een gratis plugin zoals Disable Post Revision gebruiken om hetzelfde te bereiken.

Voordat je revisies uitschakelt, kun je het beste eerst alle oude revisies verwijderen als je dat nog niet hebt gedaan. Op die manier is de database van je website voortaan helemaal vrij van revisies.

Ruim verlopen transients op

Transients zijn gecachete data die opgeslagen worden onder een speciale naam en met een verloopdatum. Ze worden meestal in de WordPress-database opgeslagen in de wp_options tabel.

Transients lijken sterk op Options behalve dat ze daarnaast ook nog een vervaldatum hebben. Ze zijn erg handig om tijdelijke data in op te slaan zoals een remote API of grote verzoeken.

De WordPress Transients API definieert hoe transients verwerkt worden en verwijderd automatisch verlopen transients. Maar dingen gaan nu eenmaal niet altijd zoals de bedoeling is.

Soms kan een corrupte transient cache bijna een miljoen nutteloze items aanmaken zonder einddatum. Het aantal sessies van klanten kunnen gedurende de tijd flink oplopen, waardoor je duizenden onnodige rijen in de tabellen van je database hebt. In dergelijke gevallen kan een database bijna bezwijken onder het gewicht.

De gratis Delete Expired Transients plugin is een makkelijke manier om alle verlopen transients te verwijderen.

Verwijder eenvoudig alle verlopen transients

Verwijder eenvoudig alle verlopen transients

Ruim de tabellen van je database op

Je WooCommerce-database slaat alles op dat nodig is om je e-commerce winkel te laten draaien. Naarmate meer data wordt toegevoegd, verwijderd en verplaatst binnen de tabellen, wordt de database minder efficiënt en worden er meer dingen opgeslagen die eigenlijk niet belangrijk zijn.

Je moet al deze onnodige data opruimen door je tabellen schoon te houden. De wp_options tabel heeft een extra sterke neiging om snel groter te worden dan noodzakelijk en kan de prestaties van je database daardoor verslechteren.

De wp_options tabel in de WordPress-database

De wp_options tabel in de WordPress-database

Goed je database onderhouden is dus belangrijk om je WordPress-website zo soepel mogelijk te laten draaien.

Het handmatig optimaliseren van je database kost ontzettend veel tijd. Je kunt de gratis WP-Optimize plugin gebruiken om te kijken welke tabellen onnodige data bevatten en zo alle verspilde ruimte schoonmaken. Het kan ook opslagruimte terughalen die kwijt is geraakt aan fragmentatie van je data.

Je kunt instellen dat WP-Optimize regelmatig je database opschoont en optimaliseert.

Uitschakelen van niet-kritieke features die je database belasten

WooCommerce-thema’s en plugins hebben vaak allerlei fancy features die aan het begin geweldig klinken maar uiteindelijk vooral je database vertragen.

Een voorbeeld daarvan is het gebruiken van de plugins “Popular Products” en “Related Plugins”. Deze features veroorzaken enorme query’s over je hele website, vooral als je veel producten hebt. Als je deze features echt nodig hebt, probeer ze dan handmatig toe te voegen aan je pagina’s. Plugins zoals Advanced Custom Fields kunnen hier ook goed bij helpen.

Kinsta voegt de artikelen met "Related content" handmatig toe

Kinsta voegt de artikelen met “Related content” handmatig toe

Nog een voorbeeld zijn plugins voor het optimaliseren van afbeeldingen die afbeeldingen op dezelfde server comprimeren als waar de website wordt gehost, in plaats van op een externe server. Dat gebruikt een hoop resources van je server.

Sociale Warfare plugin kan de server flink belasten

Sociale Warfare plugin kan de server flink belasten

Blijf ook weg van plugins die tellers toevoegen aan je website. Bijvoorbeeld voor het toevoegen van het aantal views/artikelen/reacties naast een gebruikersnaam. Een lange discussie met verschillende gebruikers zal je database flink belasten om deze tellers bij te houden.

Dat advies geldt ook voor sociale tellers. Minimaliseer dus het gebruik van automatische tellers om de prestaties van je database te maximaliseren.

Net als bij schoonmaken thuis, is het finetunen van je WordPress-database een proces dat nooit ophoudt.

Onthoud dat Kinsta een geautomatiseerd systeem heeft geïmplementeerd om problemen rond de database te voorkomen. Afhankelijk van wat je website nodig heeft, scannen en optimaliseren deze systemen je MySQL-database eens per week zodat je database de beste prestaties geeft. Als het systeem merkt dat er iets niet klopt wat niet automatisch opgelost kan worden, zal het een melding sturen naar het sysadmin-team zodat zij actie kunnen ondernemen.

Zoek je razendsnelle, betrouwbare en volledig beveiligde hosting voor je e-commercewebsite? Kinsta levert dit allemaal plus 24/7 gerenommeerde support van WooCommerce-experts.
Check onze pakketten

Als je site door iemand anders wordt gehost, zijn hier enkele plugins die je database kunnen optimaliseren:

En onthoud: maak altijd eerst een back-up voordat je je database bewerkt.

11. Optimaliseer je winkel voor mobile-first

In januari 2020 waren er meer dan 4 miljard internetgebruikers in de wereld. En er zijn ongeveer evenveel mobiele internetgebruikers. De verwachting is dat het er meer dan 5 miljard zullen zijn in 2024.

We zijn met miljarden

We zijn met miljarden (afbeelding: Statista)

Mobiele apparaten hebben desktops al in 2019 ingehaald in hoeveelheid websiteverkeer, toen ze 52,6% van de pageviews genereerden. In sommige landen, zoals India en Nigeria, nemen mobiele telefoons meer dan 70% van de views voor hun rekening.

Mobiel verkeer door Google Analytics

Mobiel verkeer door Google Analytics

Volgens een onderzoek onder meer dan 500 miljoen online shoppers in meer dan 37 landen, nemen smartphones 65% van de bezoeken aan websites voor hun rekening, en 46% van de online orders.

Mobiel winkelen heeft een enorm groeipotentieel

Mobiel winkelen heeft een enorm groeipotentieel (afbeelding: Statista)

Verrassend genoeg is de conversie-ratio voor mobiele telefoons minder dan de helft van desktops. Er is dus enorm veel ruimte voor groei.

Snelheid telt zwaar voor mobiele shoppers

Snelheid telt zwaar voor mobiele shoppers (afbeelding: Think with Google)

Je kunt dus jouw graantje meepikken uit die groei door je WooCommerce-winkel mobielvriendelijk te maken. Je kunt de Mobile Friendly Test van Google gebruiken om te kijken of je website tenminste aan de minimumeisen voor mobiele bruikbaarheid voldoet.

Google’s Mobile Friendly Test

Google’s Mobile Friendly Test

De test laat je kort zien hoe je website er op een mobiele telefoon uitziet. Ze noemen ook alle problemen voor mobiele gebruikers als die tegenkomen.

De makkelijkste manier om je WordPress-website mobile-friendly te maken is door een responsive thema te gebruiken. Alle thema’s die we eerder in dit artikel noemden zijn standaard responsive en zien er goed uit op mobiele apparaten.

Mobiele gebruikers vinden eindeloos scrollen irritant. Hou je winkelpagina’s dus kort en slank. Zet niet teveel content op één pagina.

Als je veel producten in je winkel hebt, maak het dan makkelijk voor mobiele gebruikers om te zoeken. Je kunt de WooCommerce Product Search plugin gebruiken zodat je bezoekers producten makkelijk kunnen vinden door live productfilters.

Maak het zoeken in producten makkelijker met filters

Maak het zoeken in producten makkelijker met filters (afbeelding: WooCommerce)

En als laatste, maak de ervaring van het afrekenen soepel voor je online shoppers. Hoe minder stappen er nodig zijn om een bestelling te plaatsen, hoe beter de ervaring. Enkele WooCommerce-extensies die je daarbij kunnen helpen:

Makkelijk mobiel betalen met Bolt

Makkelijk mobiel betalen met Bolt

Uiteindelijk gaat mobiel winkelen over meer dan alleen een aankoop doen. Veel gebruikers doen het vooral om productinformatie te vinden en om prijzen te vergelijken. Zorg dus dat de online ervaring voor je mobiele gebruikers optimaal is.

12. Uitschakelen van het “Get Refreshed Fragments” verzoek van AJAX

Wanneer een gebruiker een wijziging doorvoert in hun winkelkarretje, gebruikt WooCommerce het Get Refreshed Fragments AJAX-verzoek om het karretje dynamisch bij te werken. Het verversen van het karretje zonder de pagina opnieuw te laden ziet er soepel uit voor de gebruiker.

Maar vaak maakt het een website langzamer, vooral websites op gedeelde servers. Daarnaast gebruiken veel websites deze feature uiteindelijk toch niet.

Om dat te checken heb ik een up-to-date WooCommerce-winkel getest op Pingdom Tools en dit waren de resultaten:

Dat is een hoop wachttijd voor een enkel verzoek

Dat is een hoop wachttijd voor een enkel verzoek

Ondanks een grootte van slechts 1.1KB duurt het uitvoeren van het wc-ajax=get_refreshed_fragments 0.76 seconden. Als het je website 3 of minder seconden kost om te laden, betekent dat 25% van de totale laadtijd van een pagina. Deze testsite wordt gehost op een cloud VPS, dus je kunt je voorstellen dat de laadtijden op een goedkoper hostingpakket nog hoger liggen.

Dit artikel van WebNots bespreekt het probleem nog wat dieper. Je kunt de gratis Disable Cart Fragments of Disable Cart Fragments by Optimocha plugins gebruiken om dit zware verzoek uit te schakelen.

Als je het inderdaad uitzet, wordt aangeraden om je optie ‘Redirect to the cart page after successful addition’ aan te zetten in het instellingenpaneel van WooCommerce → Products.

Vergeet niet deze instelling in te schakelen naderhand

Vergeet niet deze instelling in te schakelen naderhand

Door dit aan te zetten wordt een gebruiker automatisch doorgestuurd naar hun Cart pagina nadat ze een product hebben toegevoegd.

Het optimaliseren van het admin-panel van WooCommerce

Snelheid is niet alleen belangrijk voor de voorkant van je webshop. Een soepele back-end is ook cruciaal bij het beheren van je webshop.

Als je efficiënt en snel kunt werken binnen je WooCommerce-website betekent dat productiever zijn. En dat betekent weer meer tijd om essentiële dingen te doen die bijdragen aan het succes van je WooCommerce-winkel zoals online marketing.

Hieronder een paar manieren waarop je een langzaam WooCommerce-dashboard weer sneller kunt maken.

Eerst front-end optimalisaties, dan back-end

Komt dit probleem alleen voor bij het admin-dashboard van WordPress en niet op de hele website? Als het wel op de hele website voorkomt, voer dan eerst alle bovenstaande optimalisaties uit.

Waarom? Omdat in de meeste gevallen je back-end sneller laadt wanneer je WooCommerce front-end sneller laadt. Dat komt doordat er dan meer capaciteit op de server vrijkomt.

Als je dashboard nog steeds langzaam is nadat je de front-end hebt geoptimaliseerd kun je onderstaande mogelijkheden proberen.

13. Verwijder bloatware en update alles regelmatig

Zorg dat je regelmatig WordPress, WooCommerce, je plugins, thema en extensies updatet. Als een thema of plugin niet langer wordt ondersteund door de ontwikkelaars, is het wellicht tijd om deze weg te doen.

En als een thema of plugin je dashboard nodeloos vertraagt, is het misschien ook tijd voor een beter alternatief. Je wilt bijvoorbeeld alternatieven gaan overwegen als je plugins hebt die agressief adverteren in je dashboard.

Voorbeeld van een banner in de WordPress-admin

Voorbeeld van een banner in de WordPress-admin

Dit probleem komt zoveel voor dat er zelfs speciale plugins zijn die alleen maar bloat verwijderen van sommige van de populairste WordPress-plugins.

14. Schakel de object en database cache uit

Cachingplugins zijn een geweldige manier om je WordPress-website sneller te maken. Maar als ze niet juist ingesteld zijn kunnen ze tot onverwachte resultaten leiden, waaronder het vertragen van je back-end.

De W3 Total Cache plugin is bijvoorbeeld één van de populairste cachingplugins voor WordPress. Het is gratis, ondersteunt allerlei cachingmogelijkheden, minimaliseert JS en CSS, integreert met een CDN en wordt door meer dan een miljoen websites gebruikt.

Cachingmogelijkheden bij W3 Total Cache

Cachingmogelijkheden bij W3 Total Cache

W3 Total Cache biedt de volgende mogelijkheden:

Het hebben van een hoop opties kan verwarrend zijn, vooral voor beginners die de verschillen niet volledig begrijpen.

Object en database caching maken de website sneller door het aantal database-verzoeken te verminderen, maar dat doen ze door meer werk toe te wijzen aan het geheugen van de server.

Dat is normaliter niet zo’n probleem als je hostingserver maar slim of krachtig genoeg is. Als je WordPress-website bijvoorbeeld bij Kinsta gehost wordt, hoef je je nooit zorgen te maken om caching, omdat dat al op het niveau van de server geïmplementeerd wordt.

Helaas is dat niet bij elke hostingprovider het geval.

In dat scenario ben je afhankelijk van een externe cachingplugin zoals dus W3 Total Cache. Dat heeft eenvoudige instellingen waarmee je allerlei verschillende typen caching met een enkele klik kunt instellen.

In het W3 Total Cache→ General Settings paneel, kun je object caching en/of database caching uitschakelen. Kijk vervolgens of je verbeteringen in je admin-omgeving ziet.

Schakel database en object caching uit

Schakel database en object caching uit

Experimenteren met je caching is niet zo eenvoudig als het aan- en uitschakelen van opties in je plugin-opties. Je moet ook kijken of je website nog goed werkt nadat je je cache hebt gereset.

15. Verwijder plugins die veel resources gebruiken

Sommige WordPress-plugins gebruiken een hoop resources in je webserver. Daardoor gebruiken ze uiteindelijk veel van de CPU en RAM van je server.

Je kunt de gratis Query Monitor plugin gebruiken om de daders te vinden. Deze plugin toont je alle scripts, styles en HTTP API calls die door je website worden geladen, samen met laadtijd en grootte. Zoek naar de resources met veel verzoeken en trage laadtijden.

Op de testpagina hieronder laadt de Classic Editor plugin het langzaamst aan de kant van de admin. Andere plugins zoals Loginizer, All-in-One WP Migration en WP Bakery (vroeger Visual Composer zien er ook verdacht uit.

Query Monitor helpt je bij het vinden van problemen

Query Monitor helpt je bij het vinden van problemen

Ik merkte dat de migratie en Classic Editor plugins niet nodig waren. Het verwijderen van alleen deze twee plugins maakte de snelheid voor mij als admin aanzienlijk beter.

WooCommerce-winkels met een internationaal bereik gebruiken vaak vertalingsplugins zoals WPML om de website dynamisch in meerdere talen weer te geven. Dat is een mooie plugin met een hoop features, maar kan ook de admin back-end flink vertragen.

Je kunt ook hier betere prestaties krijgen door over te stappen naar een slankere vertalingsplugin zoals Polylang. Die heeft minder features maar zal in de meeste gevallen meer dan prima werken.

Plugins die een hoop constante processen of scans hebben zullen je WordPress back-end flink vertragen. Denk bijvoorbeeld aan sitemap generators, analyse-plugins, page builders en chatplugins.

16. Gebruik de juiste CDN-instellingen voor WordPress

Een CDN helpt je om je WooCommerce-winkel overal ter wereld supersnel te laden. Dat gebeurt door een momentopname van de resources van je website te maken en op te slaan en die af te leveren vanaf de dichtstbijzijnde server aan de gebruiker.

De meeste CDN’s hebben caching voor WordPress standaard uitgeschakeld. Maar sommige CDN’s doen dat niet en dat kan je adminscherm aanzienlijk trager maken. In zo’n geval moet je je admin-dashboard uitsluiten van de CDN-cache om het allemaal wat sneller te maken.

Als je Cloudflare gebruikt kun je een pagina-regel instellen om de features van Cloudflare uit te schakelen op de WordPress adminpagina’s. Zo doe je dat:

  1. Ga naar Page Rules in je Cloudflare-dashboard.
  2. Voeg *voorbeeld.com/wp-admin/* toe aan het URL-veld.
  3. Bij de instellingen kies je Cache Level en Bypass.
  4. Je kunt ook extra instellingen toevoegen zoals Disable Performance en Disable Security (sterk afgeraden). Deze instellingen zijn optioneel.
  5. Klik vervolgens op Save and Deploy.
Cloudflare Page Rules om de WordPress admin uit te sluiten

Cloudflare Page Rules om de WordPress admin uit te sluiten

Het kost zo’n 3 minuten voordat je het resultaat ziet.

If you’re using KeyCDN, then you can use their WordPress Cache Enabler Plugin to do the same. For other CDNs, please reach out to their support to sort this out.

17. Optimaliseer de WordPress Heartbeat API

De WordPress Heartbeat API maakt het mogelijk om bijna realtime updates te doen door een reguliere verbinding tussen je browser en je server open te houden. De API stuurt elke 15-60 seconden verzoeken naar de server en dat triggert events (of callbacks) wanneer er data ontvangen wordt.

Het zorgt voor mooie features zoals het automatisch opslaan van artikelen, afsluiten van artikelen en waarschuwingen als je inlog verloopt. Maar als je ingelogd bent als admin kan het sturen van enkele verzoeken per minuut je adminpanel vertragen.

De gratis Heartbeat Control plugin van WP Rocket maakt het mogelijk de frequentie van API-verzoeken in te stellen voor het dashboard, de front-end en de post editor. En je kunt de API zelfs helemaal uitschakelen.

Aanpassen of uitschakelen van de WordPress Heartbeat API

Aanpassen of uitschakelen van de WordPress Heartbeat API

Begin met het omlaag brengen van de frequentie. Als dat je problemen met de snelheid niet oplost, kun je de Heartbeat API uitschakelen.

Als alle bovenstaande optimalisaties je problemen met de snelheid van je WooCommerce-webshop nog niet oplossen, dan is het misschien tijd voor…

Snelheid bij WooCommerce begint bij goede hosting

Je kunt nog zoveel optimalisaties doorvoeren, als je website op een slechte server wordt gehost is het dweilen met de kraan open. Een belangrijke deel van de prestaties van je website hangt simpelweg af van de kwaliteit van je hosting.

Er zijn verschillende soorten hosting voor WordPress-websites die grofweg in twee categorieën in te delen zijn: Managed en Unmanaged. De eerste is ideaal voor de merendeel van de gebruikers, omdat de hostingprovider alle optimalisaties regelt. De tweede is beter geschikt voor meer technisch onderlegde gebruikers die zelf hun server kunnen optimaliseren.

Voor een WooCommerce-website kun je het beste kiezen voor managed WordPress-hosting. Onthoud dat managed hosting meestal duurder is dan unmanaged.

Je kunt kiezen uit ongeveer 4 hoofdtypen managed hosting voor WordPress. Elk type heeft voor- en nadelen, dus kies wat het beste past bij jouw doelen en je budget. In de infographic hieronder vergelijk ik ze op verschillende features.

4 hoofdtypen voor managed WordPress-hosting

4 hoofdtypen voor managed WordPress-hosting

Elk type kan aangeboden worden met verschillende pakketten en voor verschillende prijzen. Dus wanneer je op zoek gaat naar hosting binnen jouw budget, kijk dan ook naar de features die erbij komen om te zien of het bij jouw eisen past.

WooCommerce-websites zijn van nature ontzettend dynamisch. Ze genereren een hoop data en verzoeken die niet gecachet kunnen worden.

Als je bijvoorbeeld kijkt naar de afrekenpagina, is die voor elke gebruiker uniek en kan dus niet uit een cache geladen worden. Daardoor moet de server robuust genoeg zijn om je website soepel te draaien, ook als je weinig verkeer krijgt.

De aanbevolen features waar je op moet letten bij een WooCommerce hostingpakket zijn:

Met deze eisen in je achterhoofd kun je shared hosting al rustig afstrepen.

Een Virtual Private Server (VPS) lijkt op shared hosting behalve dat je een virtuele ruimte hebt binnen een gedeelde server die alleen van jou is. Als je op een beperkt budget zit, kun je beginnen met een middenpakket met VPS. Maar als je website meer verkeer krijgt zul je snel moeten upgraden.

Dat betekent dat alleen de Cloud Hosting en Dedicated Server opties dan nog over zijn. Deze zijn beide goede opties voor WooCommerce-websites als ze aan je eisen voldoen.

De prijzen voor dedicated server pakketten zijn meestal wat hoger dan cloud hosting, die variëren van $50 per maand tot duizenden dollars per maand.

De Business cloud-hostingpakketten van Kinsta voldoen aan alle bovenstaande WooCommerce-eisen. De container-based hosting is ideaal voor WooCommerce omdat het automatisch kan opschalen bij plotselinge pieken.

Als je je features nog verder wilt uitbreiden, biedt Kinsta add-ons zoals Redis, extra back-ups, Nginx reverse proxy en nog veel meer.

Hieronder zie je een voorbeeld van de verbeteringen in prestaties nadat Kinsta een e-commerce website emigreerde naar het nieuwe Compute-Optimized VM van Google Cloud Platform(C2).

Enorme verbetering in prestaties na migratie

Enorme verbetering in prestaties na migratie

Van ongeveer 665 ms naar zo’n 500 ms, dat is een grove 25% verbetering in prestaties!

Als je een hoop geld besteedt aan marketing, ben je al die leads aan de andere kant aan het wegduwen als je website langzaam is.

Uiteindelijk ben je dan beter af door elke maand een paar dollar extra uit te geven aan goede hosting, in plaats van uren te besteden aan je gefrustreerd af te vragen waarom je website zo’n hoge bounce rate heeft.

Als je website dagelijks $1k omzet, kan een vertraging van 100 milliseconden je jaarlijks $25k aan omzet kosten. Eng hé?😱💸 Stop met geld weggooien en lees deze uitleg hoe je WooCommerce sneller kunt makeClick to Tweet

Samenvatting

Tijd is letterlijk geld voor een webshop. Een snelle WooCommerce-winkel verbetert de ervaring van gebruikers, SEO, omzet en ROI.

Je hoeft niet per se alle tips die we in dit artikel geven op te volgen, maar ik raad je aan om ze wel allemaal te lezen. Hierdoor kun je problemen bij jouw website identificeren. Niemand wil wachten tot een website is geladen.

Laten we samen WooCommerce sneller maken!


Bespaar tijd en kosten en maximaliseer siteprestaties met:

  • Directe hulp van WordPress-hostingexperts, 24/7.
  • Cloudflare Enterprise integration.
  • Globaal bereik met 28 datacenters verspreid over de wereld.
  • Optimalisatie met onze ingebouwde Application Performance Monitoring.

Dat alles en nog veel meer, in één pakket zonder langlopende contracten, met migraties en een 30 dagen geld-terug-garantie. Bekijk onze pakketten of neem contact op met sales om het pakket te vinden dat bij je past.