Enkele maanden geleden schreven we al over de voor- en nadelen van WordPress i.c.m. WooCommerce en WPML. In dit artikel bespreken we wat er allemaal komt kijken om de snelheid, stabiliteit en veiligheid te verbeteren van een WordPress webshop met WooCommerce en WPML. We doen dit aan de hand van een concreet voorbeeld: Ztijl, een meertalige webshop die vintage design verlichting en meubels verkoopt.

Over Ztijl

Op de webshop van Ztijl vind je duizenden vintage design producten, waarbij van elk product meerdere foto’s zijn gemaakt en waarvan elke beschrijving in twee talen is ingevoerd. Dit heeft geresulteerd in een content-rijke website voor zowel de Nederlandse als internationale markt. We zijn blij dat we deze webshop mogen gebruiken als voorbeeld in dit artikel.

Eén webshop op twee domeinnamen
Hoewel de gehele webshop vanuit één WordPress installatie te beheren is, ziet de bezoeker twee van elkaar gescheiden webshops die zelfs wat betreft domeinnaam van elkaar verschillen; ztijl.nl voor de Nederlandse markt en ztijl.com voor de internationale. Dit zorgt niet alleen voor een duidelijke onderscheiding voor de bezoeker, maar het maakt de Engelse content ook een stuk beter vindbaar wanneer deze niet op een .nl-domein staat.

Traag, instabiel en onveilig

Ztijl kwam bij ons met drie problemen: de WordPress webshop was erg traag (voor zowel bezoekers als beheerders), werkte niet altijd zoals verwacht en was erg lastig te updaten omdat er dan soms nóg minder werkte. Daarom kozen ze voor onze gecombineerde dienst van Premium WordPress hosting & onderhoud. Om deze drie problemen op te lossen hebben we een analyse gemaakt van hoe de webshop was opgezet. Daarbij keken we naar drie factoren: de snelheid van hun huidige hosting partij, de gebruikte plugins en het gebruikte thema. Daarna hebben we verbeteringen aangebracht: we nemen de stappen hieronder één voor één met je door.

Stap 1: Snelle WordPress hosting

hosting-wordpressOmdat WordPress en WooCommerce gratis zijn, en WPML ($29) niet heel duur is, kun je bijna gaan denken dat je met eenvoudige software te maken hebt. Het tegendeel is echter waar; je hebt een set professionele tools in handen waarmee je een internationaal e-commerce-bedrijf op poten kunt zetten. Wanneer je de software actief gebruikt, komt er ontzettend veel informatie in omloop op je website; productcategorieën, productinformatie, voorraadbeheer, productattributen, afbeeldingen, zoekverkeer, winkelwagens, klantgegevens, bestellingen, en nog veel meer.

Al deze informatie moet zo snel mogelijk worden verwerkt door de server waarop je website draait. We hebben het hier echter over veel meer informatieverwerking dan bij een eenvoudige WordPress blog over je hobby. Wanneer je je WordPress hosting hebt ondergebracht bij een prijsvechter, dan is je server waarschijnlijk vooral geschikt voor kleinere websites. Je loopt dan ook snel tegen de limieten aan van de server.

Daarom is het belangrijk om niet te bezuinigen op WordPress hosting. Bezoekers (maar ook Google) vinden het ontzettend belangrijk dat ze snel door je WordPress website heen kunnen klikken. Lukt dat niet, dan haken ze af. Bovendien hebben alle volgende optimalisatie-stappen in dit artikel heel weinig nut als je geen snelle server als fundament hebt; je blijft dan tegen beperkingen aanlopen.

We hebben de WordPress webshop van Ztijl daarom verplaatst naar Kinsta, een nieuwe WordPress hosting provider waar wij specifiek grote performance-vretende websites neerzetten. Kinsta is specifiek gericht op grootgebruik, dus lees voor alternatieven ook ons artikel over de beste WordPress hosting. Rondom de razendsnelle hosting van Kinsta hebben wij ons onderhoud- en beheerprogramma als serviceschil gelegd.

Met de keuze voor Kinsta wisten we de laadtijd van de webshop direct al met 52% terug te brengen, zonder verder nog wijzigingen en optimalisaties gedaan te hebben.

Stap 2: WordPress updaten

Zorg dat WordPress, je plugins en het theme up-to-date zijn. Het heeft namelijk geen zin om je website te optimaliseren als je misschien al diverse problemen oplost door een update. Andersom geldt ook; als een update voor problemen zorgt, kun je er beter in deze stap achter komen dan op het einde van het proces.

Als je aangeschafte plugins/themes gebruikt, ga dan ook na of al je licenties nog geldig zijn en vernieuw ze zo nodig. Dit is direct een goed moment om na te gaan of er nog wel updates uitkomen voor de plugins en het thema dat je gebruikt (hierover meer in stap 4).

Stap 3: Onnodige WordPress plugins uitschakelen

beste-wordpress-plugins-social-mediaHet rijke aanbod van tienduizenden WordPress plugins is één van de sterke eigenschappen van dit populaire CMS. Tegelijk kan het ook een valkuil zijn: voor bijna elk idee dat je hebt is er wel een plugin beschikbaar. We komen dan ook regelmatig websites tegen met meer dan veertig actieve plugins. Het is dan goed om te weten dat elke plugin een vertragende factor is voor je website. Bovendien maakt elke plugin je WordPress website weer wat complexer, vooral als het gaat om de update-bestendigheid van je website.

Om die reden kijken we altijd kritisch naar de gebruikte plugins op een website: wat doen ze precies, en zijn ze wel écht nodig? Ook bij Ztijl was ‘back to basics’ ons devies; vooral als er soms onverwachte dingen gebeuren op je WordPress website, is het raadzaam om eens goed te gaan snijden in het aantal plugins. Vaak is dat niet leuk om te doen; je moet namelijk functies laten vallen die je misschien veel tijd (en soms ook geld) hebben gekost. Maar ‘less is more’ geldt ook hier. Soms helpt het om je af te vragen hoe vaak de functionaliteit die je hebt ingebouwd nou daadwerkelijk door bezoekers gemist zal worden. Dat relativeert enorm en helpt je om de pijnlijke knoop door te hakken.

Voor de WordPress webshop van Ztijl hebben we op deze manier bijna de helft van de plugins verwijderd. Sommige konden weg omdat we de functionaliteit op een andere manier wisten op te lossen en andere plugins hebben we opgeruimd omdat ze de website op lange termijn te complex in het beheer maakten. Door het verwijderen van de plugins hebben we bovendien de veiligheid van de website verbeterd en de snelheid nog verder opgehoogd.

Stap 4: WordPress plugins analyseren

P3-(Plugin-Performance-Profiler)Voor de overgebleven plugins bekijken we stuk voor stuk hoe ze bekendstaan; zijn het plugins die vaak voor problemen zorgen, wordt er door de maker goede support geleverd, verschijnen er snel updates als er problemen zijn en wat zijn de ervaringen van andere gebruikers? Je komt hier vaak al achter door op het support-forum van de ontwikkelaar te kijken of en hoe snel vragen worden afgehandeld.

Vervolgens is het van belang om te achterhalen of WordPress plugins goed met elkaar samen kunnen werken. In het geval van Ztijl is het bijvoorbeeld belangrijk dat alle gebruikte plugins compatible zijn met WooCommerce én WPML. Zo niet, dan moet er een alternatief gezocht worden. WPML houdt zelf een (incomplete) lijst bij met plugins die compatible zijn met WPML. Geschikte plugins op marktplaatsen zoals CodeCanyon zijn te herkennen aan het tag-gebruik ‘wpml’ en ‘woocommerce’.

Op deze compatibiliteit gaan we nog wat dieper in op ons artikel over de voor- en nadelen van WooCommerce en WPML. In het kort komt het er vooral op neer dat het belangrijk is om je bewust te zijn van de complexiteit wanneer je WordPress website in de kern draait op twee complexe plugins als WPML en WooCommerce. Bij elke update die door één van de drie systemen wordt uitgebracht moeten de andere daar namelijk ook voorbereid zijn.

Als een plugin niet compatible is met WooCommerce, wil dit overigens niet zeggen dat deze niet werkt op je website. Een plugin die enkel functionaliteit biedt voor een blogpagina, of de footer van je WordPress website, heeft weinig met WooCommerce te maken en kan dus alsnog prima functioneren. Test dit uiteraard wel goed (zie ook stap 6).

In de analyse die je doet is het ook verstandig om de snelheid van elke plugin te beoordelen. Een handige plugin die je daarbij kan helpen is de P3 (Plugin Performance Profiler). Lees hier meer over in ons artikel dat uitlegt hoe je de oorzaak van je trage WordPress website achterhaalt.

Stap 5: Theme analyseren

Wat geldt voor de plugins is ook van toepassing op het WordPress theme dat je hebt gekozen: wordt deze goed onderhouden, actief geüpdatet en is het theme compatible met WPML en WooCommerce? Een theme dat niet regelmatig geüpdatet wordt, kan op een gegeven achter gaan lopen bij de functionaliteiten die WooCommerce en WPML bieden. Bovendien draagt een kwalitatief goed theme vaak positief bij aan de laadsnelheid van je website, maar ook aan de zoekmachineoptimalisatie.

In het geval van Ztijl kwamen we bijvoorbeeld tot de conclusie dat een deel van de onverwachte problemen in de website al waren opgelost door een WordPress thema te selecteren dat wel aan bovengenoemde eisen voldoet (namelijk Enfold, één van onze favoriete WordPress themes).

Stap 6: Uitgebreide controle van je WooCommerce webshop

WooCommerce LogoMet een complexe meertalige webshop zoals Ztijl zijn er ontzettend veel stappen die een bezoeker kan doorlopen. Het is natuurlijk onmogelijk om voor elk denkbaar gedrag op je website te checken of alles goed gaat, maar neem in elk geval de tijd om een degelijke controle uit te voeren. Onderstaand lijstje helpt je op weg. Vergeet niet om een meertalige webshop in alle talen te testen.

  • Staan de juiste producten weergeven op de categorie-pagina’s?
  • Als je productfilters gebruikt, kloppen de resultaten?
  • Werkt de zoekfunctie en levert deze snel relevante informatie op?
  • Kloppen de weergegeven productattributen?
  • Als een product niet voorradig, verkocht, of gratis is, wordt dit dan ook correct weergegeven?
  • Lukt het om een product in je winkelmandje te stoppen?
  • Wat gebeurt er als je een hoger aantal probeert te bestellen dan voorradig?
  • Wordt de prijs van de elke verzendmethode goed berekend?
  • Kloppen in het bestelproces alle verzend- en betaalmethodes?
  • Krijg je bij afronden van het bestelproces de juiste bevestigings-mails?
  • Wordt de voorraad goed bijgewerkt nadat de bestelling is doorgevoerd?
  • Worden de bezoekersstatistieken opgeslagen?

Wanneer sommige stappen niet doorlopen kunnen worden zoals verwacht, deactiveer dan alle plugins behalve WPML en WooCommerce, en ga na of de stap nu wel te doorlopen is. Activeer daarna telkens plugin na plugin, herhaal de test en achterhaal zo de plugin die het probleem veroorzaakt. Je kunt de plugin-ontwikkelaar vervolgens de informatie sturen die je hiermee hebt verzameld, met de vraag of dit probleem op te lossen is. Zit het probleem niet in een plugin? Vervang dan ook het thema eens en voer je test nogmaals uit.

Stap 7: Optimalisaties

wordpress-users-veiligheidNu je je meertalige WordPress webshop weer stabiel hebt draaien, is er nog ruimte voor verdere verbetering, met name op het gebied van snelheid. Lees hier alles over in ons artikel over het optimaliseren van je WordPress website. Met betrekking tot e-commerce websites hebben we daar nog een aanvulling op: veiligheid.

Omdat je te maken hebt met klantgegevens en bestelinformatie, is het van belang dat je de bescherming van deze informatie kun waarborgen. Dit doe je al door ervoor te zorgen dat WordPress, je plugins en het theme up-to-date blijven, en door veilige wachtwoorden te gebruiken, maar je kan nog een beveiligingslaag toevoegen: SSL.

SSL is een encryptie-methode die het verkeer tussen je bezoeker en server versleuteld. Dit maakt het voor hackers lastiger om informatie die wordt uitgewisseld – zoals klantgegevens – te ontfutselen. Elke premium hosting partij biedt (soms tegen een meerprijs) de mogelijkheid om SSL aan te zetten op je website. Het adres van je website verandert dan van http:// naar https://. Je krijgt dan ook een groen slotje in de adresbalk van je browser te zien.

Er zijn nog twee redenen om voor SSL te kiezen. Allereerst heeft Google aangegeven om het gebruik van SSL op je website te belonen met betere ranking in de zoekresultaten. Verwacht niet dat je gelijk bovenaan staat, maar wat betreft zoekmachineoptimalisatie geldt: alle beetjes helpen. Tot slot bouw je ook vertrouwen bij je bezoeker door een groen slotje in je adresbalk. Het vertrouwen in online shopping staat nog altijd onder druk, en met een beveiligde verbinding laat je zien dat je ook de veiligheid van je klanten serieus neemt.

Voor Ztijl hebben we daarom SSL aangezet op alle pagina’s van de webshop, ook pagina’s waarop klanten geen persoonlijke informatie uitwisselen. Verder worden afbeeldingen en statische scripts geleverd via een CDN (Content Delivery Network) en worden afbeeldingen automatisch geoptimaliseerd met de service van Kraken.io.

Tot slot: Nieuwe plugins installeren?

Je hebt inmiddels je hele website geüpdatet, kritisch gesneden in het aantal plugins, en diverse analyses, optimalisaties en controles uitgevoerd. Je hebt nu een stabiele basis liggen en ook een analyse gedaan van de overgebleven plugins en het theme. Maar wellicht kom je – nu of later – weer plugins tegen die je graag zou willen gebruiken op je website. Hoe zorg je ervoor dat je niet opnieuw met tientallen plugins en een instabiele, trage website eindigt?

Ten eerste: bezint eer ge begint! Wat in stap 3 gold, geldt nu ook nog; vraag je steeds af of de plugin écht van toegevoegde waarde is voor je website, ook als het misschien wat meer tijd zou kosten om die goed in te bouwen. Ten tweede: noteer van elke plugin wanneer je die geïnstalleerd hebt. Mochten zich later problemen op je website voordoen, dan kun je de plugins namelijk één voor één uitschakelen in omgekeerde chronologische volgorde. Mócht zich dan een probleem voordoen, dan helpt dit om de boosdoener sneller te achterhalen.

Conclusie

Om je WordPress webshop met WooCommerce en WPML veiliger, sneller en stabieler te krijgen, spelen drie factoren een grote rol: bezuinig niet op WordPress hosting, wees kritisch over het gebruik van plugins, en ga na of je thema wel de juiste keuze is geweest. Tenslotte kan een optimalisatie-slag nóg meer performance-snelheid opleveren, maar je website ook weer complexer maken.

Steve ontwikkelt WordPress websites en houdt zich bezig met nieuwe technieken voor WordPress, online communicatie en website-optimalisatie.