Slow WooCommerce-winkels kunnen u op een aantal verschillende manieren geld kosten, van het toenemende aantal verlaten winkelwagentjes tot het verlies van klantenloyaliteit. Volgens OntstuitBijna 70% van de consumenten zegt dat de paginasnelheid van invloed is op hun wens om in een online winkel te kopen. Het probleem hier is dat de snelheid van talloze factoren afhangt, en dat de verbetering ervan veel tijd en moeite kan vergen.
Volgens Voorteken, dalen de conversiepercentages van websites met gemiddeld 4,42% voor elke seconde die een pagina nodig heeft om te laden tussen seconden 0 en 5, waarbij pagina's met laadtijden tussen 0 en 2 seconden de hoogste e-commerce-conversiepercentages hebben.
Als de laadsnelheid van uw website meer dan 2-3 seconden bedraagt, is dit artikel wat u nodig heeft. Hier vindt u diverse beproefde tips voor het meten en meten het verbeteren van de prestaties van e-commercewebsites.
Websitesnelheid is om verschillende redenen een cruciaal element voor het succes van elke online onderneming, inclusief WooCommerce-winkels:
Internetgebruikers hebben doorgaans een korte aandachtsspanne. Trage laadtijden kunnen ertoe leiden dat bezoekers uw website verlaten voordat deze zelfs maar volledig is geladen. Een snelle website daarentegen maakt navigatie eenvoudiger, waardoor gebruikers worden aangemoedigd meer pagina's te verkennen en langer te blijven.
Paginasnelheid is een van de meest cruciale rankingfactoren voor Google. Statistieken zoals Largest Contentful Paint (LCP), First Input Delay (FID) en Cumulative Layout Shift (CLS) maken deel uit van de rankingfactoren van Google. Snellere websites hebben meer kansen om hoger te scoren in zoekmachines. Met de opkomst van mobiel zoeken heeft de snelheid van mobiele pagina’s ook een aanzienlijke invloed op SEO.
Geoptimaliseerde, snellere websites verbruiken over het algemeen minder bandbreedte en kunnen resulteren in lagere hostingkosten. Snellere sites vereisen ook minder tijd en moeite om te onderhouden.
Nu steeds meer gebruikers sites bezoeken via mobiele apparaten, waar de verbindingssnelheden lager kunnen zijn, wordt geoptimaliseerde websitesnelheid nog belangrijker. Langzaam laden kan zelfs nog problematischer zijn op mobiele apparaten en tot hogere bouncepercentages leiden.
Gebruikers uit verschillende regio's met verschillende internetsnelheden kunnen een consistente ervaring hebben als uw website is geoptimaliseerd voor snelheid. Snellere websites zijn nuttig als u zich richt op een wereldwijd publiek en een Content Delivery Network (CDN) gebruikt om gelokaliseerde inhoud aan te bieden.
Voordat u met het verbeteringsproces begint, moet u bepalen waar u nu staat, wat de huidige winkelsnelheid is en welke problemen uw site kunnen vertragen. Hier zijn enkele methoden en hulpmiddelen die u kunt gebruiken om de snelheid van uw WooCommerce-site te evalueren:
Deze tools testen de prestaties van uw website rechtstreeks door deze vanaf verschillende locaties over de hele wereld te laden, waarbij verschillende apparaten en verbindingssnelheden worden gesimuleerd:
Met deze oplossingen, ingebouwd in moderne browsers, kunnen ontwikkelaars websites inspecteren, debuggen en profileren:
Deze tools kunnen helpen bij het identificeren van problemen aan de serverzijde die mogelijk niet duidelijk zijn met frontend-testtools:
Plug-ins kunnen een handige en krachtige manier bieden om verschillende aspecten van de prestaties van uw WooCommerce-winkel rechtstreeks vanuit uw WordPress-beheergebied te volgen. Hier zijn enkele populaire op plug-ins gebaseerde benaderingen:
Real User Monitoring (RUM) is een prestatiemonitoringbenadering die elke transactie van gebruikers van een website of applicatie vastlegt en analyseert. In tegenstelling tot synthetische monitoringmethoden, die gebruikersgedrag simuleren, verzamelt RUM gegevens over daadwerkelijke gebruikersinteracties met uw site.
Normaal gesproken voegt u een klein stukje JavaScript-code toe aan uw website, waarmee prestatiegegevens worden verzameld en naar een server worden verzonden voor analyse. Dit is hoe de meeste RUM-tools werken, hoewel specifieke implementatiedetails kunnen variëren. Tot de handige tools voor RUM behoren New Relic Browser, Boomerang, Akamai mPulse en anderen.
Nu u de huidige laadsnelheid kent en welke problemen er zijn, kunt u een optimalisatiestrategie opstellen. Houd er rekening mee dat u waarschijnlijk verschillende aspecten van de website moet repareren om een geweldige WooCommerce-winkelsnelheid te bereiken. Bovendien moet u de snelheid af en toe in de gaten houden, omdat deze uiteindelijk kan vertragen. Hier volgen enkele tips over hoe u de prestaties van uw site kunt verbeteren:
Hoewel de onjuiste optie kan leiden tot ontevreden klanten en omzetverlies, kan de ideale WooCommerce webhosting service kan onberispelijke prestaties, snelle laadtijden en consistente uptime garanderen.
Elk hostingtype kan worden aangeboden onder verschillende abonnementen met verschillende prijspunten. Houd daarom bij het zoeken naar een hostingprovider binnen uw prijsklasse rekening met functies als caching op de server, voldoende bandbreedte en RAM voor de eisen van uw site, krachtige SSD-opslag en bijgewerkte software, zoals PHP en MySQL.
Als u een gedeeld hostingplan heeft, betekent dit dat honderden websites dezelfde server en de bijbehorende bronnen gebruiken. Selecteer een host die het aantal toegestane websites op elke server beperkt, of overweeg een upgrade naar een VPS of een speciaal abonnement.
Wijzig eerst de URL van uw inlogpagina. De inlog-URL is meestal standaard en bekend bij iedereen, inclusief hackers, waardoor websites vatbaar zijn voor aanvallen.
U kunt brute force-aanvallen van kwaadwillende actoren vermijden door uw inlog-URL te wijzigen in iets onderscheidends. U kunt het ook gebruiken om snelheidsbeperkende HTTP-problemen te voorkomen.
Als uw e-commercewebsite ook een blog heeft, beperk dan het aantal artikelen dat in uw blogfeed verschijnt. Als u een populaire blog beheert, lopen de prestatiebesparingen op. Deze aanpassingen kunnen worden doorgevoerd in de Leesinstellingen van WordPress Dashboard.
Screenshot gemaakt van de ambtenaar WordPress website
Schakel vervolgens pingbacks op uw website uit. Meestal produceren ze spam. WordPress biedt u ook de mogelijkheid om grote gebruikersreacties in kleinere porties te verdelen als u veel reacties van gebruikers op uw artikelen of pagina’s heeft. Om de laadtijd van uw productpagina te verkorten, kunt u deze waarde tussen 10 en 20 houden.
Er is een overvloed aan plug-ins voor WooCommerce, die onbeperkte veelzijdigheid bieden. Dit betekent echter niet dat u ze allemaal moet installeren.
Talrijke plug-ins vergroten het aantal Javascript- of CSS-bestanden op uw website, waardoor uw server meer HTTP-verzoeken ontvangt, waardoor de activiteiten van uw bedrijf worden vertraagd. Bovendien betekent het hebben van meer plug-ins dat u meer serverbronnen gebruikt, wat de laadtijden vertraagt.
Het maakt niet uit hoeveel plug-ins u gebruikt; waar het om gaat is hun kwaliteit. Kies plug-ins die talloze taken kunnen uitvoeren, lees recensies om meer te weten te komen over de prestaties, controleer of ze regelmatig worden bijgewerkt en installeer opties van gerenommeerde bronnen.
Vaak kiezen websiteontwerpers bij het kiezen voor een e-commercethema voor esthetiek zonder rekening te houden met hoe snel pagina's worden geladen. Als gevolg hiervan heeft het uiterlijk van de frontend vaak voorrang op de laadsnelheid van de pagina.
Om de laadtijd te optimaliseren, kiest u a WooCommerce-thema dat is licht en prestatie-geoptimaliseerd. Zorg ervoor dat het thema responsief is en een schone codebase heeft.
Houd er ook rekening mee dat u bij veel thema's ook elementen kunt uitschakelen die u niet gebruikt. Om te bepalen of een thema snel laadt, kunt u de snelheidstools gebruiken om de demopagina's te testen of door de beoordelingen van gebruikers te bladeren.
Het is essentieel om uw afbeeldingen te verkleinen voordat u ze op uw website plaatst, omdat het gebruik van grote afbeeldingen de laadsnelheid van de pagina's dramatisch zal vertragen. Om de afbeeldingen naar het juiste formaat voor uw website te schalen, gebruikt u software zoals Photoshop, GIMP of Figma.
De bestandsgrootte van uw foto's kan worden verkleind zonder kwaliteitsverlies door compressie. Selecteer het juiste formaat; tenzij uw afbeelding een doorschijnende achtergrond heeft, zijn JPEG-afbeeldingen, die kleiner zijn, vaak het beste om te uploaden. Let op de grootte: het uploaden van een afbeelding van 2000 pixels past niet op een plek die slechts 500 pixels breed is. Comprimeer de afbeelding nadat deze is verwerkt: afbeeldingscompressoren verkleinen de bestandsgrootte door externe gegevens en metagegevens te verwijderen.
Een functie die 'luie laden' wordt genoemd, voorkomt dat afbeeldingen worden geladen totdat een bezoeker van de site naar beneden scrolt naar de plek waar ze op de pagina verschijnen. Het resultaat is dat uw klanten niet hoeven te wachten terwijl uw media worden geladen voordat ze uw inhoud kunnen bekijken. Als uw website veel afbeeldingen bevat, kan deze strategie de laadtijden van de winkel aanzienlijk verkorten.
U kunt lazyloading in uw WooCommerce-winkel installeren met behulp van WordPress-plug-ins. De plug-ins verkorten de tijd die nodig is voordat uw website in eerste instantie wordt geopend.
Een Content Delivery Network (CDN) is een servernetwerk dat strategisch over de hele wereld is gepositioneerd. Points of Presence (PoP's) zijn de namen van deze serversites. Het cachen en leveren van statische bronnen zoals afbeeldingen, JavaScript, CSS, enz. is de hoofdtaak van een CDN.
Zelfs als uw website op een zeer snelle server wordt gehost, zal de locatie ervan nog steeds een impact hebben. De netwerklatentie en de tijd tot de eerste byte (TTFB) zijn beide verminderd dankzij CDN, waardoor de afstand tussen elke gebruiker en de bronnen van de site wordt verkort.
Het kiest automatisch de dichtstbijzijnde CDN PoP om de in de cache opgeslagen bronnen te leveren op basis van de oorsprong van het verzoek. Veel CDN's bieden naast caching aanvullende prestatieverbeterende mogelijkheden, zoals grotere on-the-fly beeldcompressie, HTTP/3-ondersteuning, hotlink-preventie en verhoogde beveiliging.
De meeste WordPress-plug-ins en thema's laden scripts en stylesheets op elke pagina van uw website. Zelfs als ze niet nodig zijn op de pagina, laden ze deze items toch.
Door deze onnodige elementen van websites te verwijderen, kunt u de paginaophoping verminderen en het laden van WooCommerce-pagina's versnellen, wat u tijd kan besparen bij het opzetten van nieuwe sites en het toewijzen van personeel. WooCommerce is kwetsbaar voor dit probleem, net als de extensies ervan.
Bekijk het watervaldiagram in het snelheidstestresultaat van uw website om te bepalen wat u moet verwijderen. Het helpt u overtollige bezittingen te identificeren.
Om scripts en stijlen die je niet nodig hebt te verwijderen, gebruik je wp_dequeue_script en wp_dequeue_style. Asset CleanUp: Page Speed Booster is een van de plug-ins die het eenvoudig maken om hetzelfde doel te bereiken.
Screenshot gemaakt van de ambtenaar WordPress website
Caching is het tijdelijk opslaan van bronnen uit één verzoek, zodat toekomstige verzoeken snel kunnen worden verwerkt. Zowel de server als het apparaat van de gebruiker kunnen de cache bevatten.
Wanneer een gebruiker een aanvraag voor een website indient, verkrijgt de DNS-server de webpagina van de hostingserver en voert de app op de webserver scripts uit, doorzoekt de database en produceert de webpagina, die vervolgens wordt weergegeven en aan de gebruiker wordt getoond door de browser. De server wordt enorm belast als duizenden bezoekers meerdere verzoeken tegelijk doen, waardoor de pagina langzaam laadt.
Caching speelt in deze situatie een rol. Het vermindert de inspanning die nodig is om een paginaweergave te produceren, waardoor de afhankelijkheid van WordPress van PHP en een database afneemt. WordPress werkt bijna net zo snel als statische webpagina's, zo niet precies.
Caching aan de serverzijde en browsercaching zijn de twee hoofdcategorieën van online caching, elk met verschillende subcategorieën.
WooCommerce biedt een standaard revisiecontrole op productpagina's waarmee u terug kunt gaan en de wijzigingen op de pagina's kunt zien. Hoewel wijzigingen voordelig kunnen lijken, kunnen ze soms prestatieproblemen met WooCommerce veroorzaken.
Stel bijvoorbeeld dat u een pagina maakt en deze meerdere keren bewerkt, waarbij u elke keer een element toevoegt of verwijdert. U heeft net zoveel duplicaten van uw originele pagina als u wijzigingen heeft aangebracht, ook al is de wijziging bescheiden. De prestaties van WooCommerce kunnen hier uiteindelijk onder lijden en geleidelijk verslechteren.
U moet bepaalde aanpassingen maken aan het wp-config.php-bestand in de root van de website om revisies te beperken/uit te schakelen.
Elke keer dat een gebruiker uw website bezoekt, vraagt hij of zij om de inhoud van uw website, die grotendeels statisch is. Ze doen echter een dynamisch verzoek wanneer ze een bestelling plaatsen.
Als de database van uw winkel niet is geoptimaliseerd, kan het verwerken van deze vragen te lang duren. Een trage reactietijd van de server resulteert uiteindelijk in een trage website. Als gevolg hiervan moet u nutteloos afval elimineren om de database op te schonen en te optimaliseren.
Er zijn verschillende benaderingen voor database-optimalisatie:
Screenshot gemaakt van de ambtenaar WordPress website
Volgens Oberlo60% van de shoppers zegt dat de mogelijkheid om via mobiel te winkelen een belangrijk criterium is bij de merkkeuze. Daarom is mobiele optimalisatie absoluut essentieel.
Het gebruik van een responsief thema is de eenvoudigste manier om uw WordPress-website aan te passen voor mobiele apparaten. Houd uw winkelpagina's zo eenvoudig mogelijk, want mobiele klanten houden niet van eindeloos scrollen. Overweldig ze niet met informatie.
Als er veel artikelen in uw bedrijf worden weergegeven, kunt u het voor mobiele klanten eenvoudiger maken om ernaar te zoeken door live productfilters aan te bieden. Overweeg om de WooCommerce Product Search-plug-in te installeren.
Gebruik de Lighthouse-tool van Chrome of de mobielvriendelijke testtool van Google om te zien of uw website voldoet aan de vereiste richtlijnen voor mobiel gebruiksgemak.
De server registreert elke klik op een link naar een pagina in uw winkel als een omleiding. In wezen moet de server gebruikers naar de juiste pagina leiden. Hoewel het maar een paar seconden duurt, kunnen klanten dit als lang ervaren, wat een directe invloed heeft op het bouncepercentage van uw winkel.
Als uw website veel omleidingen heeft, gebruikt u serverbronnen en verlengt u de tijd die nodig is om de laatste pagina te bereiken. Als gevolg hiervan zal het verminderen van omleidingen resulteren in een merkbare toename van de laadtijd van de pagina, aangezien het een beproefde WooCommerce-optimalisatieaanpak is.
Elke PHP-update is sneller dan de vorige versies. Uw host bepaalt welke PHP-versie u gebruikt, en u kunt deze vaak wijzigen in uw hostingcontrolepaneel. De specifieke procedure kan echter variëren, afhankelijk van uw provider. U kunt ook gewoon de klantenservice vragen dit voor u te doen. Voordat u uw PHP-versie bijwerkt, maakt u een volledige websiteback-up en test u vervolgens alles om er zeker van te zijn dat deze correct functioneert.
Uw hostingbedrijf heeft een bepaalde hoeveelheid geheugen aan uw website toegewezen. Afhankelijk van uw specifieke site kunt u echter boven deze limiet gaan. U kunt altijd contact opnemen met uw hostingbedrijf als u via uw hostingcontrolepaneel de limiet niet kunt wijzigen. PHP krijgt standaard 32 MB geheugen toegewezen van WordPress. Als er problemen optreden, zal het programma automatisch proberen deze limiet te verhogen naar 40 MB of 64 MB. Deze limiet zal vaak niet voldoende zijn voor een WooCommerce-site. Geadviseerd wordt deze limiet te verhogen naar 256 MB.
Met de bovenstaande methoden kunt u de snelheid van uw WooCommerce-winkel dramatisch verbeteren, variërend van aanpassingen aan de basisinstellingen tot geavanceerde oplossingen aan de serverzijde. Deze technieken zijn bedoeld om de snelheid van uw website te verbeteren en moeten deel uitmaken van een voortdurende strategie om de prestaties van uw website niet alleen te verbeteren, maar ook te behouden.
Uiteindelijk is snelheidsoptimalisatie geen eenmalige taak, maar een voortdurende inzet. Het regelmatig monitoren van de snelheid van uw website met behulp van de verschillende besproken tools en methoden kan waardevolle inzichten opleveren in hoe goed uw WooCommerce-optimalisatie-inspanningen werken.