WordPress is 's werelds populairste Content Management Systeem. Tegenwoordig wordt het niet langer alleen als blogtool gebruikt. In plaats daarvan kan het een grote verscheidenheid aan websites aandrijven, waaronder e-commerce.
Het aantal e-commercewebsites dat met WordPress is gebouwd, neemt zelfs steeds verder toe. Als u een WordPress eCommerce-website heeft, hoe kunt u deze dan sneller maken?
Met andere woorden, hoe versnelt u een WordPress eCommerce-website? Dit artikel met deze vraag beantwoorden en nuttige ideeën bieden voor het versnellen van een WordPress eCommerce-website.
Ermee beginnen
Afbeelding credits:
Er zijn verschillende manieren om een WordPress eCommerce-website te bouwen en in te stellen. Natuurlijk draaien al deze manieren om het gebruik van een specifieke WordPress plugin. In het algemeen, WooCommerce is de meest populaire e-commerce-oplossing voor WordPress-gebruikers. Het is duidelijk dat de meeste optimalisatie- en versnellingsmethoden om draaien WooCommerce.
Maar wat als u geen WooCommerce gebruiker? Er zijn veel andere plugins die je kunnen helpen een WordPress eCommerce website samen te stellen. Je kunt bijvoorbeeld Easy Digital Downloads waarmee u een eCommerce-winkel kunt maken met digitale producten (in tegenstelling tot fysieke producten), enzovoort.
Ongeacht de WP plugin of extensies die u gebruikt, moet u nog steeds bepaalde algemene stappen nemen om uw WordPress eCommerce-website te versnellen. Maar daarvoor moet u weten hoe traag uw website kan zijn!
Testen op snelheid
Een goede test voor de snelheid van de website en laadtijden van de pagina's moet worden uitgevoerd in een onafhankelijke omgeving. U moet dus een externe server gebruiken, mogelijk vanaf meerdere locaties. Dit zal factoren zoals browsercaching uitsluiten en u een getrouw beeld geven van het paginaformaat, laadtijden, waterval, enz.
Tools zoals Pingdom en GTmetrix zijn erg handig in dit opzicht. U kunt het uitvoeren op de URL van uw website en de resultaten bekijken, samen met gebieden waar u kunt verbeteren.
Voor een WordPress eCommerce-website moet u de snelheidstests uitvoeren op de hoofdpagina van uw winkel. Als u WooCommerce, probeer de tests uit te voeren op de winkelpagina of de afzonderlijke productpagina.
Nadat de test is voltooid, krijgt u een rapport over wat uw WordPress eCommerce-website vertraagt. Bijvoorbeeld de volgende test (uitgevoerd op Shopify's homepage) laat zien dat browsercaching, JS-combinatie en kleinere omleidingen de laadtijden van pagina's kunnen verbeteren.
Natuurlijk zullen de resultaten variëren van de ene website naar de andere. Het zal u echter helpen om een goed beeld te krijgen van waar uw WordPress eCommerce-website langzaam wordt geladen.
Nu keren we terug naar de grote vraag: hoe kunnen we onze WordPress eCommerce-website versnellen?
Hosting en CDN
Het is algemeen bekend dat u moet kiezen voor betrouwbare, kwalitatief goede en goed geoptimaliseerde webhostingoplossingen voor uw WordPress eCommerce-website. Helaas is de webhostingindustrie tegenwoordig gevuld met webhosts die vaak een ondermaatse service bieden.
Dit kan de prestaties van uw website negatief beïnvloeden. Ongeacht de optimalisatiemethoden die u inzet, kan het zijn dat uw WP eCommerce-site niet sneller laadt vanwege een trage en trage server.
Gelukkig hebben we een vergelijkende gids die u kan helpen bij het bepalen van het type hostingplan dat u nodig hebt en welke webhostingprovider geschikt is voor uw behoeften. Bekijken hier.
Met dat gezegd, onderschat nooit het belang van een Content Delivery Network. Hoe goed je webhosting ook is, een CDN kan het altijd beter en sneller maken. Als uw e-commerce winkel klanten over de hele wereld of in verschillende landen heeft, is het gebruik van een CDN een noodzaak.
Een content delivery-netwerk versnelt in essentie uw website door de pagina's van een geografisch divers cluster van servers te presenteren. Stel dat uw website wordt gehost op een server in Florida. Als een gebruiker uit Bangkok uw site bezoekt, duurt het langer voordat de pagina is geladen. Dit is te wijten aan de geografische afstand, meerdere ISP's, enzovoort. Als u daarentegen een netwerk voor inhoudslevering gebruikt, zal het CDN een kopie van de inhoud van uw website weergeven vanaf een locatie dichter bij Bangkok, bijvoorbeeld Singapore. Dit zal natuurlijk de laadtijd van de pagina vergroten en de inhoud sneller weergeven.
CloudFlare en MaxCDN zijn twee populaire keuzes voor integratie met een WordPress eCommerce-website. U kunt zelfs het gratis abonnement van CloudFlare gebruiken om water te testen, maar voor optimale prestaties is een betaald abonnement een goede investering.
Afbeeldingen optimaliseren
Afbeeldingen zijn een essentieel onderdeel van elke eCommerce-winkel. Om de laadtijd van de pagina's te verbeteren, is het een goed idee om wat tijd te besteden aan het optimaliseren van productafbeeldingen, miniaturen, enz.
WordPress plugins zoals TinyPNG kan nuttig zijn voor het comprimeren en optimaliseren van afbeeldingen op het moment dat u ze uploadt.
Een andere methode die hier kan worden gebruikt, is het lui laden van afbeeldingen. Lui laden betekent dat de gegeven set afbeeldingen pas wordt geladen als de gebruiker naar het gedeelte van de pagina scrolt waar die afbeeldingen zijn geplaatst.
Op deze manier wordt de totale laadtijd van de pagina niet negatief beïnvloed, omdat de browser niet alle afbeeldingen in één keer hoeft te laden. WP plugins zoals BJ Lazy Load kan u helpen dit uit de doos te bereiken.
Aangezien de meeste media-inhoud van uw online winkel de vorm van afbeeldingen heeft, kunnen optimalisatie en lui laden van afbeeldingen gunstige resultaten opleveren.
Een WordPress-caching gebruiken Plugin
Caching is lange tijd de meest gebruikte oplossing geweest voor het versnellen van WP-websites en blogs. Een WordPress eCommerce-website is geen uitzondering op deze regel. Overweeg om te kiezen voor een betrouwbare en gereputeerde WordPress-caching plugin. Enkele waardige namen zijn:
Zorg er bovendien voor dat de plugin die u selecteert, is compatibel met uw WordPress eCommerce plugin. Als je gebruikt WooCommerce, er is niets om je zorgen over te maken - de meeste caching plugins houden WooCommerce winkels in gedachten en zijn er volledig compatibel mee.
Voor alle andere e-commerce WP plugins, moet u mogelijk uw plugindocumentatie.
Met compatibiliteit bedoelen we dat de caching plugin zou automatisch moeten detecteren wat het moet cachen (en wat niet). Hier is een voorbeeld: in geen geval uw WP-caching plugin moet de winkelwagen- en afrekenpagina's cachen.
Deze pagina's moeten alleen worden gegenereerd op basis van de selectie van de gebruiker; er is geen statische kopie die kan worden weergegeven.
Op dezelfde manier hoeven winkelwagenwidgets (of pictogrammen die vaak in de koptekst of menubalk van e-commercewinkels worden geplaatst) niet in de cache te worden opgeslagen. Voor WordPress eCommerce-sites is het een goed idee om CSS- en HTML-minificatie te activeren, maar JavaScript-minificatie te vermijden.
Veel e-commerce plugins Vertrouw op JS voor het on-the-fly laden van winkelwagenwidgets. JS-minificatie of caching kan hier problemen veroorzaken: de gebruiker kan een product aan zijn winkelwagen toevoegen en het wordt succesvol toegevoegd.
Maar de pagina toont nog steeds een leeg winkelwagentje. JS is in de cache opgeslagen en daarom kan het winkelwagentje niet worden bijgewerkt, tenzij de hele pagina wordt vernieuwd.
Dus terwijl je JavaScript-bestanden kunt (en zou moeten) cachen en verkleinen op WP-blogs, is dat geen goed idee in WP eCommerce-winkels.
AJAX gebruiken in winkelwagen
Het is gebruikelijk om AJAX te gebruiken om winkelwagendetails weer te geven. De meeste WP e-commerce plugins, waaronder WooCommerce, doe ook hetzelfde. Hier is hoe het werkt:
De gebruiker selecteert een product en klikt op de knop 'Toevoegen aan winkelwagen'. Het product wordt toegevoegd aan de winkelwagen. Vervolgens worden twee waarden op de pagina bijgewerkt: de knop 'Toevoegen aan winkelwagen' van het product toont 'Toegevoegd aan winkelwagen' of 'Al in winkelwagen' (of iets dergelijks) en de winkelwagenwidget (of knop) toont het bijgewerkte aantal producten. De rest van de pagina? Die wordt niet vernieuwd of gewijzigd.
Deze selectieve verversing gebeurt door middel van een AJAX-oproep. Het negatieve aan deze functie is dat AJAX-oproepen tijd kosten en altijd een negatieve invloed hebben op de laadtijd van de pagina.
Dus of de gebruiker nu wel of niet een product toevoegt om op te roepen (dat wil zeggen of de winkelwagen wel of niet moet worden bijgewerkt via AJAX), de bibliotheken moeten nog steeds worden geladen.
Als u hier echt een prestatieverbetering wilt, kunt u AJAX-aanroepen uitschakelen (gebruik een eenvoudige plugin zoals deze) en vervolgens uw eCommerce plugin de gebruiker doorverwijzen naar de winkelwagen bij het toevoegen van het product aan de winkelwagen. Hier is hoe dat te doen in WooCommerce:
Ga gewoon naar Instellingen en dan naar het tabblad Producten. Selecteer de optie "omleiden naar winkelwagen". Sla daarna uw selectie op (u kunt AJAX ook uitschakelen op archieven, als u dat wilt).
Nu we toch bezig zijn, een eenvoudige maar zeer nuttige WordPress plugin zal zijn WooCommerce Snelle afvoerreparatie. Het stopt gewoon met het laden van AJAX-methoden en andere WooCommerce functies op niet-WooCommerce pagina's (bijvoorbeeld uw blog of over pagina). Het kan u helpen de spruitstukken van uw WordPress eCommerce-website te versnellen.
Database optimalisatie
Afbeelding credits:
Een trage en slecht geoptimaliseerde WordPress-database kan uw website tot stilstand brengen. Dit is met name het geval in het geval van eCommerce-winkels die op WP draaien. Er zijn meer databasetabellen en -vermeldingen dan normaal. U hoeft niet alleen te werken met tabellen en items voor berichten, pagina's en opmerkingen. Bovendien heb je ook ingangen en tabellen voor je producten, attributen van producten, bestellingen, etc.
U kunt kiezen voor een populaire WP plugin zoals WP Optimize or WP Sweep. Dergelijke plugins kan uw database scannen, fragmenten en onnodige overhead verwijderen, enz. Door uw WP-database regelmatig op te schonen, kunt u de laadtijd van pagina's verkorten, omdat databasequery's sneller worden uitgevoerd.
Conclusie
Dat brengt ons tot het einde van deze post. We hebben manieren besproken om te voorkomen dat onnodige scripts op eCommerce-pagina's worden geladen, databases worden geoptimaliseerd, caching en CDN's worden gebruikt, enz. Om elke WordPress eCommerce-website te versnellen.
Als u een WordPress eCommerce-website gebruikt of beheert, welke strategie of methoden gebruikt u dan om het proces te versnellen? Deel uw mening in de comments hieronder!
Heb je vragen? Stel ze hier. 0 Reacties