Hedendaagse online shoppers hebben hoge verwachtingen, van afbeeldingen en video’s in hoge resolutie tot live chat, gebruikersbeoordelingen, realtime voorraad en gepersonaliseerde ervaringen. Als deze dynamische features echter niet goed worden uitgevoerd, kunnen ze je e-commerce site vertragen en mogelijk leiden tot verlies van interesse bij klanten vanwege hun korte aandachtsspanne.<\/p>\n
WooCommerce is het populairste en gratis e-commerce platform dat actief is op meer dan 5 miljoen websites. Het is meer dan 252 miljoen keer gedownload. In tegenstelling tot andere platforms brengt het geen percentage van de omzet van je winkel in rekening.<\/p>\n
Snelheid is cruciaal voor online winkels, want traag ladende sites leiden tot frustratie bij gebruikers en gemiste sales. De snelheid van de site heeft ook invloed op SEO en het algoritme van Google. Voor e-commerce telt elke milliseconde. Het is essentieel dat je website goed presteert en pieken in het verkeer aankan.<\/p>\n
“Kinsta’s hoogwaardige hosting en extra optimalisaties verminderden de laadtijd van pagina’s met 50%. DARTDrones was in staat om meer dan 1 miljoen pageviews te leveren in een periode van 6 uur zonder downtime tijdens onze verkeerspiek nadat we waren verschenen in de Shark Tank televisieshow.”<\/em><\/p>\n
– Kevin McAloon | Ontwerper & Frontend Developer | DARTDrones<\/em><\/p><\/blockquote>\n
Om te beginnen biedt Kinsta een reeks features die ontworpen zijn om WooCommerce te versnellen door de snelheid, prestaties, beveiliging en ondersteuning van je WooCommerce winkel te optimaliseren:<\/p>\n
\n
- Gecontaineriseerde oplossing:<\/strong> Kinsta biedt een unieke infrastructuur die siteresources containeriseert zodat ze niet gedeeld hoeven te worden, waardoor de prestaties per site worden verhoogd. Door je winkel een eigen container te geven is deze sneller, veiliger en stabieler zonder interferentie van andere sites. Het helpt ook de tijd te minimaliseren die je kwijt bent aan het oplossen van prestatieproblemen, omdat je geen rekening meer hoeft te houden met mogelijk stelen van resources.<\/li>\n
- GCP infrastructuur:<\/strong> Kinsta maakt gebruik van het Premium Tier Netwerk en krachtige C2 machines om ervoor te zorgen dat je WooCommerce winkel werkt op een zeer betrouwbare en effici\u00ebnte basis. Met het Premium Tier netwerk van GCP zorgen we ervoor dat het verkeer van en naar de sites van onze klanten zo snel mogelijk over de hele wereld wordt geleid.<\/li>\n
- 27 datacenters:<\/strong> Om de vertraging in het leveren van de inhoud van je winkel te beperken, kun je bij Kinsta een datacenter kiezen dat zich dicht bij de bezoekers van je winkel bevindt. Als je een agentschap bent dat meerdere e-commerce sites beheert, kun je ook meerdere datacenters kiezen. Je hoeft niet langer al je sites op \u00e9\u00e9n centrale locatie te houden.<\/li>\n
- Edge Caching:<\/strong> De Edge Caching feature van Kinsta distribueert de inhoud van je website vanuit meerdere locaties wereldwijd, waardoor de afstand die gegevens moeten afleggen wordt verkleind. Het slaat de cache van je Kinsta site\/pagina op in een van Cloudflare’s wereldwijde netwerk van 300 datacenters. Het is gratis inbegrepen bij alle Kinsta plannen, vereist geen aparte plugin en vermindert de tijd die nodig is om WordPress HTML vanuit de cache te leveren met gemiddeld meer dan 50%.<\/li>\n
- Caching op serverniveau:<\/strong> Kinsta optimaliseert de prestaties van je winkel met custom caching. Het bevat op maat gemaakte regels voor WooCommerce, waardoor kritieke pagina’s zoals de winkelwagen, mijn-account en afrekenen worden uitgesloten van caching. Dit zorgt voor een dynamische winkelervaring terwijl je profiteert van snellere laadtijden op andere pagina’s.<\/li>\n<\/ol>\n
<\/div><\/kinsta-auto-toc>\n Zo meet je de snelheid van een WooCommerce winkel<\/h2>\n
Wat je niet kunt meten, kun je ook niet verbeteren!<\/p>\n
Een websitesnelheidstest<\/a> is een perfect hulpmiddel om de snelheid van je WooCommerce winkel te testen. Maar als je dit niet goed doet, kan je site langzamer lijken nadat je een verandering hebt aangebracht, terwijl hij eigenlijk sneller is.<\/p>\n
Een rapport van een website snelheidstest (Afbeelding bron: Pingdom).<\/figcaption><\/figure>\n We raden je aan om aan de slag te gaan met een van deze tools voor het testen van websitesnelheid: WebPagetest<\/a>, Pingdom<\/a>, Google PageSpeed Insights<\/a> of GTMetrix<\/a>.<\/p>\n
Je kunt ook de gratis WordPress plugin Query Monitor<\/a><\/em> gebruiken om de thema’s, plugins en features te vinden die slecht presteren. Het helpt je bij het debuggen van ineffici\u00ebnte databasequeries, features die je site vertragen, PHP fouten, HTTP API calls, enz.<\/p>\n
Geen enkel hulpmiddel om de snelheid te testen is perfect, maar kies er een en blijf erbij – voor consistentie. Je kunt later naar andere opties toewerken.<\/p>\n
Gary Illyes, Webmaster Trends Analist, Google.<\/figcaption><\/figure>\n Er is een verschil tussen werkelijke prestaties en waargenomen prestaties<\/a>. De gebruikerservaring is belangrijker dan welke technische stack precies je site aandrijft.<\/p>\n
Gebruik daarom de onderstaande technieken om de algehele gebruikerservaring van je site te verbeteren, in plaats van alleen een hoge snelheidsscore<\/a> te halen.<\/p>\n
Zo maak je WooCommerce sneller<\/h2>\n
Een snelheidstestrapport geeft je een actieplan om je trage WooCommerce site te optimaliseren. Enthousiast? Laten we beginnen!<\/p>\n
1. Begin met hosting van goede kwaliteit<\/h3>\n
Net als dat een mooie auto met lekke banden niet vooruitkomt, zal je site niet sneller worden als hij wordt gehost op een slechte server, hoeveel optimalisaties je ook uitvoert. Een aanzienlijk deel van de prestaties van je site hangt af van de kwaliteit van je hosting<\/a>.<\/p>\n
Voor elk type hosting is wel een abonnement te vinden, met verschillende prijzen. Als je dus op zoek gaat naar een hosting die binnen je budget valt, kijk dan naar de features die worden aangeboden om te beslissen of het aan je eisen voldoet.<\/p>\n
WooCommerce sites zijn van nature ongelooflijk dynamisch. Ze genereren veel gegevens en verzoeken die niet in de cache kunnen worden opgeslagen.<\/p>\n
De afrekenpagina is bijvoorbeeld uniek voor elke gebruiker en kan niet worden geleverd vanuit een cache. Daarom moet de server robuust genoeg zijn om je site soepel te laten draaien, zelfs als je site weinig verkeer aantrekt.<\/p>\n
Dit zijn de aanbevolen features waar je op moet letten bij het kiezen van een WooCommerce hostingpakket en hoe Kinsta je kan helpen:<\/p>\n
\n
- Caching op serverniveau<\/a> met WooCommerce-specifieke cacheregels (wordt geleverd bij alle Kinsta pakketten).<\/li>\n
- Ten minste 4 PHP workers<\/a> om de ongecacheerde verzoeken van WooCommerce af te handelen zonder dat ze verlopen (met Kinsta kun je tot 14 PHP workers krijgen, afhankelijk van je pakket).<\/li>\n
- WordPress geheugenlimiet van 128 MB of meer (256 MB is de standaard op Kinsta).<\/li>\n
- Schaalbare infrastructuur<\/a> om pieken in verkeer en belasting op te vangen (met Kinsta maak je gebruik van schaalbare ge\u00efsoleerde containertechnologie).<\/li>\n
- Automatische dagelijkse backups<\/a> (bij voorkeur elk uur) om ervoor te zorgen dat je e-commerce gegevens veilig zijn (Kinsta biedt zes soorten backups<\/a>: gratis automatisch\/dagelijks, optioneel elk uur, handmatig, door het systeem gegenereerd, downloadbaar en externe backups die automatisch worden verzonden naar je Amazon S3 of Google Cloud Storage. We slaan ook altijd twee weken aan backups op, met de mogelijkheid om de retentie van gegevens te verhogen).<\/li>\n
- Een volledig veilig hostingplatform<\/a> (met Kinsta beschik je over regelmatige malwarescans, IP geolocatie, IP blokkering, gratis SSL, SFTP, SSH, HTTP\/3 en TLS 1.3, en firewall- en DDoS-bescherming op bedrijfsniveau op alle plannen).<\/li>\n
- Een webserversoftware voor snellere laadtijden en betere snelheidsprestaties (Kinsta gebruikt Nginx<\/a> om al zijn hosting aan te drijven, je krijgt C2 rekengeoptimaliseerde VM’s voor alle plannen op ondersteunde locaties, en je sites zijn gecontaineriseerd, zodat je geen bronnen hoeft te delen).<\/li>\n
- Ondersteuning voor ontwikkelaarsvriendelijke features: PHP 8<\/a>, LXC-containers, WP-CLI<\/a>, Git, MariaDB<\/a>, testomgevingen<\/a>, enzovoort (met Kinsta heb je toegang tot al deze features, samen met PHP 7.4, 8.0, 8.1, 8.2, 8.3, 8.4 en 8.5, de mogelijkheid om een andere versie van PHP te draaien voor elke live site en testsite, en schakelen tussen PHP engines gaat met slechts \u00e9\u00e9n klik).<\/li>\n
- Hoge uptime met datacenters<\/a> die zijn verspreid over de hele wereld. Kies degene die servers heeft in de buurt van waar je doelgroep zich bevindt (sites op Kinsta zijn uitgerust met een zelfherstellende PHP feature. We monitoren alle sites op onze infrastructuur 720 keer per dag en bieden een 99% uptime garantie).<\/li>\n
- Cloudflare integratie<\/a> voor betere prestaties en beveiliging (met Kinsta heb je gratis Cloudflare integratie, die een zakelijke firewall met een custom regelset en DDoS bescherming bevat).<\/li>\n
- Een betrouwbaar 24\/7 ondersteuningsteam<\/a> met een snelle reactietijd (met Kinsta heb je een 24\/7\/365 ondersteuningsteam met experts in alle plannen, met een snelle reactietijd van minder dan 2 minuten, zonder extra kosten).<\/li>\n<\/ul>\n
“We hebben tien jaar ervaring met het werken met verschillende hostingproviders, dus de technische kernfeatures van het platform zijn belangrijk voor al onze projecten. We controleerden de snelheden van testsites en het netwerk van Kinsta produceerde altijd een seconde snellere laadtijden dan de sites die op AWS werden gehost.”<\/em><\/p>\n
– Kresimir Koncic, directeur, Neuralab<\/em><\/p><\/blockquote>\n
Een goede hostingprovider is de kern van de prestaties van je WooCommerce website. Bij Kinsta maken alle features die we bieden deel uit van een Managed WordPress hostingoplossing. We zullen het hieronder hebben over andere hostingopties.<\/p>\n
2. Optimaliseer de WooCommerce instellingen voor prestaties<\/h3>\n
Laten we de basis van het optimaliseren van de instellingen van de WooCommerce plugin<\/a> doornemen.<\/p>\n
Ten eerste, verander de URL van je inlogpagina<\/a>. Standaard is de login URL van elke WordPress site domein.com\/wp-admin\/<\/em>. Hoewel dit makkelijk te onthouden is, levert het een groot probleem op: iedereen weet het ook, inclusief bots en hackers.<\/p>\n
Door je inlog-URL te veranderen in iets unieks, bescherm je jezelf tegen brute force-aanvallen van kwaadwillenden. Het helpt je ook tegen snelheidsbeperkende HTTP fouten zoals 429 Too Many Requests<\/a>.<\/p>\n
Gratis plugins zoals WPS Hide Login<\/a> <\/em>en rename-wp-login<\/a><\/em> maken deze taak super eenvoudig.<\/p>\n
Als je e-commerce site ook een blog herbergt, kun je het aantal berichten op je blogfeed beperken. WordPress stelt deze limiet standaard in op 10 berichten, maar je kunt een lagere limiet instellen.<\/p>\n
Dit lijkt misschien triviaal, maar de prestatiebesparingen lopen op als je een drukbezocht blog hebt (hier lees je hoe je verkeer naar je website kunt leiden<\/a>). Je vindt deze optie onder WordPress Dashboard \u2192 Settings \u2192 Reading<\/strong>.<\/p>\n
Beperk het aantal berichten in je blogfeed.<\/figcaption><\/figure>\n Schakel vervolgens pingbacks uit op je website. Ze genereren meestal waardeloze spam. Hoe minder zoekopdrachten je site genereert, hoe beter.<\/p>\n
Optimaliseer de discussie-instellingen.<\/figcaption><\/figure>\n Als je veel gebruikersreacties<\/a> hebt op je berichten of pagina’s, dan geeft WordPress je ook een optie om ze op te splitsen in kleinere brokjes. Dezelfde instelling geldt voor het opsplitsen van beoordelingen<\/a> op je productpagina’s.<\/p>\n
Optimaliseer de laadtijd van je productpagina door dit getal tussen de 10 en 20 te houden. Dit zorgt ervoor dat je minder tijd kwijt bent aan het opzetten van sites en het toewijzen van resources.<\/p>\n
Je kunt productbeoordelingen uitschakelen onder WooCommerce<\/strong> \u2192 Settings <\/b>als je ze niet op je winkel wilt hebben. Dit helpt bij het versnellen van je WooCommerce site, omdat het laden van een paar scripts en widgets niet meer nodig is.<\/p>\n
Schakel productbeoordelingen uit als je ze niet nodig hebt.<\/figcaption><\/figure>\n Verwijder tot slot alle overbodige\/verouderde thema’s en plugins<\/a> van je site. Hoe minder thema’s en plugins je hebt ge\u00efnstalleerd, hoe makkelijker het is om ze te onderhouden en prestatieproblemen op te lossen<\/a>.<\/p>\n
3. Koop een snel WooCommerce thema<\/h3>\n
Het juiste WooCommerce thema<\/a> gebruiken is belangrijk. Er zijn honderdduizenden thema’s op de markt, dus het is altijd een uitdaging om er een te kiezen die perfect bij je past.<\/p>\n
Aanbevolen thema’s op WordPress.org.<\/figcaption><\/figure>\n Een mooi thema met geweldige ingebouwde features kan er geweldig uitzien op het scherm, maar kan floppen bij dagelijks gebruik. Voor een e-commerce site moet je ervoor zorgen dat het volledig compatibel is met WooCommerce.<\/p>\n
Filter je zoektocht naar e-commerce thema’s.<\/figcaption><\/figure>\n WP Rocket heeft een aantal populaire WooCommerce thema’s getest op snelheid en kwam met de volgende resultaten<\/a>:<\/p>\n
Kies voor een snel WooCommerce thema (Afbeeldingsbron: WP Rocket).<\/figcaption><\/figure>\n In combinatie met een paginabouwer<\/a> zoals Elementor of Beaver Builder kun je bijna elke site maken. We raden aan om paginabouwers links te laten liggen om bloat <\/em>(onnodige code en features die je site alleen maar vertragen)\u00a0te verminderen. Ga in plaats daarvan voor een thema dat de blokeditor Gutenberg van WordPress<\/a> ondersteunt.<\/p>\n
Er zijn gratis en premium thema’s, het is raadzaam om ongeacht het thema dat je gebruikt er een te kiezen die gebouwd is voor het runnen van een e-commerce site, zodat je geen externe plugins hoeft te installeren om alle features te krijgen die je nodig hebt.<\/p>\n
Als je weinig budget hebt, kun je prima beginnen met een gratis thema en later upgraden<\/a> naar een premium oplossing.<\/p>\n
Om een thema te kiezen, raden we je aan een lijst te maken van alle features die je nodig hebt in je webwinkel. Ga dan voor een thema dat de meeste features biedt die je nodig hebt. Zo ben je minder afhankelijk van multifunctionele thema’s en externe plugins met veel bloat.<\/p>\n
De prestaties van je WooCommerce site worden rechtstreeks be\u00efnvloed door het thema dat je kiest, dus hoe lichter het thema, hoe beter de prestaties. Om een idee te krijgen van hoe zwaar het thema is, kun je de demo-snelheid testen met Google’s PageSpeed Insight<\/a>.<\/p>\n
Dit brengt ons bij de volgende suggestie.<\/p>\n
4. Wees voorzichtig met plugins en WooCommerce extensies<\/h3>\n
WordPress heeft meer dan 60.000 gratis plugins<\/a> in de bibliotheek. Er zijn zelfs nog meer premium plugins die je verspreid over het internet kan vinden. Het is dus gemakkelijk om je te laten meeslepen en er tientallen te installeren.<\/p>\n
Er is een plugin voor bijna alles.<\/figcaption><\/figure>\n Veel populaire plugins, vooral op het gebied van prestaties en beveiliging, werken niet goed in bepaalde hostingomgevingen<\/a>.<\/p>\n
De functionaliteit van WooCommerce kan worden uitgebreid met een groot aantal gratis en premium WooCommerce extensies<\/a>. Ze werken op dezelfde manier als plugins.<\/p>\n
WooCommerce extensies verbeteren de functionaliteit van je winkel.<\/figcaption><\/figure>\n In tegenstelling tot wat vaak wordt gedacht, zorgt het aantal plugins dat je installeert niet altijd voor prestatieproblemen. Maar dit geldt alleen zolang de plugins zijn gebouwd met goede code.<\/p>\n
Het controleren van elke plugin die je installeert op kwaliteit wordt een gedoe als het er te veel zijn. En dan moet je uiteraard de vaardigheden en expertise hebben om ze grondig te controleren.<\/p>\n
Een paar plugins veroorzaken zelfs conflicten met andere plugins. Als je tientallen plugins op je site hebt, neemt de kans op een pluginconflict exponentieel toe.<\/p>\n
Wees daarom slim over het soort plugins en WooCommerce extensies dat je installeert.<\/p>\n
Als je Kinsta als hostingoplossing gebruikt, heb je bovendien niet meerdere plugins nodig om Edge Caching, backups, beveiliging of snelheid te verbeteren. Deze features zijn ge\u00efntegreerd in de hostingoplossing, wat resulteert in een snellere website.<\/p>\n
5. Verhoog het WordPress geheugenlimiet<\/h3>\n
WordPress wijst standaard 32 MB geheugen toe voor PHP<\/a>. Als het in de problemen komt, zal het automatisch proberen deze limiet te verhogen naar 40 MB (voor een enkele site) of 64 MB (voor een Multisite).<\/p>\n
In de meeste gevallen zal deze geheugenlimiet<\/a> niet genoeg zijn voor een WooCommerce site. Je kunt zelfs een foutmelding krijgen op je dashboard, zoals:<\/p>\n
\u201cAllowed memory size of xxxxxx bytes exhausted\u201d<\/em><\/p>\n
Het is aan te raden om deze limiet te verhogen naar 256 MB<\/a>. Maak altijd een backup van een bestand voordat je het bewerkt. Mocht er iets misgaan, dan kun je het bewerkte bestand vervangen door het originele.
\n
![\"Een](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/pingdom-tools-example-speed-test-report.png\")
![\"Een](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/webmaster-trends-analyst.png\")
![\"WordPress](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wordpress-settings-to-limit.png\")
![\"De](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/optimizing-the-wordpress-discussion-settings.png\")
![\"Productbeoordelingen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/disabling-product-reviews-in-woocommerce-settings.png\")
![\"Aanbevolen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/featured-themes-on-wordpressorg.jpg\")
![\"Filters](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/using-filters-to-search-smartly-for-themes.png\")
![\"Kies](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/opt-for-a-fast-woocommerce-theme.jpg\")
![\"Er](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/theres-a-plugin-for-almost-anything.jpg\")
![\"WooCommerce](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/woocommerce-extensions-store-page.png\")