Hur påskyndar du din WordPress e-handelswebbplats?

WordPress är världens mest populära Content Management System. Numera används det inte längre bara som ett bloggverktyg. Istället kan den driva ett brett utbud av webbplatser, inklusive e-handel. Faktum är att antalet e-handelswebbplatser som är byggda med WordPress stiger någonsin. Om du kör en WordPress eCommerce-webbplats, hur kan du göra den snabbare?

Med andra ord, hur påskyndar du en WordPress e-handelswebbplats? Den här artikeln med svar på denna fråga och ger användbara idéer för att påskynda en WordPress e-handelswebbplats. 

Optimera en WordPress e-handelswebbplats: Komma igång

 

Bild poäng: 

Det finns olika sätt att bygga och konfigurera en WordPress e-handelswebbplats. Naturligtvis kretsar alla dessa sätt om att använda ett specifikt WordPress-plugin. Generellt, WooCommerce är den mest populära e-handelslösningen för WordPress-användare. Uppenbarligen kretsar de flesta optimerings- och påskyndningsmetoder kring WooCommerce.

Men vad händer om du inte är en WooCommerce-användare? Det finns många andra plugins där ute som kan hjälpa dig att sätta ihop en WordPress e-handelswebbplats. Du kan till exempel använda Easy Digital Downloads som låter dig skapa en e-handelsbutik med digitala produkter (i motsats till fysiska produkter) och så vidare.

Oavsett WP-plugin eller tillägg du använder måste du fortfarande vidta vissa vanliga steg för att påskynda din WordPress eCommerce-webbplats. Men innan det måste du veta hur långsamt din webbplats kan vara!

Testa för hastighet

Ett bra test för webbplatsens hastighet och sidbelastningstider bör utföras i en oberoende miljö. Därför bör du använda en fjärrserver, eventuellt från flera platser. Detta utesluter faktorer som webbläsare cachar och ger dig en riktig bild av sidstorleken, belastningstider, vattenfall etc.

Verktyg som pingdom och GTmetrix är mycket användbara i detta avseende. Du kan köra den på din webbplats URL och se resultaten tillsammans med områden där du kan förbättra.

För en WordPress eCommerce-webbplats bör du köra hastighetstesterna på din butiks startsida. Om du använder WooCommerce, försök att köra testerna på butiksidan eller en enda produktsida.

När testet är klart kommer det att ge dig en rapport om exakt vad som saktar ner din WordPress e-handelswebbplats. Exempelvis visar följande test (genomfört på Shopifys hemsida) att webbläsarcaching, JS-kombination och mindre omdirigeringar kan öka sidladdningstiderna.

Snabba upp WordPress e-handelswebbplats

Naturligtvis kommer resultaten att variera från en webbplats till en annan. Men det hjälper dig att få en rättvisande uppfattning om exakt var din WordPress e-handelswebbplats är långsam att ladda.

Nu återgår vi till den stora frågan: hur kan vi påskynda vår WordPress e-handelswebbplats?

Hosting och CDN

Det är vanligt att du bör välja pålitliga, goda och väloptimerade webbhotellösningar för din WordPress e-handelswebbplats. Tyvärr är webbhotellbranschen idag fylld med webbhotell som ofta tillhandahåller tjänster under par. Detta kan påverka prestandan på din webbplats negativt. Oavsett optimeringsmetoder som du använder kan din WP eCommerce-webbplats inte bara ladda snabbare på grund av en långsam och trög server.

Tack och lov har vi en jämförande guide som kan hjälpa dig att bedöma vilken typ av värdplan du behöver och vilken webbhotell som kan passa dina behov. Kolla in det här.

Med det sagt, underskatta aldrig vikten av ett innehållsleveransnätverk. Oavsett hur bra din webbhotell är, kan ett CDN alltid göra det bättre och snabbare. Om din eCommerce-butik har kunder över hela världen eller över olika länder är det nödvändigt att använda ett CDN.

Ett innehållsleveransnätverk påskyndar i huvudsak din webbplats genom att betjäna sina sidor från ett geografiskt mångfald av servrar. Till exempel, säg att din webbplats är värd på en server i Florida. Om en användare från Bangkok besöker din webbplats tar det honom längre tid att ladda sidan. Detta beror på det geografiska avståndet, flera internetleverantörer etc. Om du använder ett innehållsleveransnätverk, å andra sidan, kommer CDN att servera en kopia av webbplatsens innehåll från en plats närmare Bangkok, säger Singapore. Naturligtvis kommer detta att öka sidans laddningstid och tjäna innehåll snabbare.

CloudFlare och MaxCDN är två populära val för att integrera med en WordPress e-handelswebbplats. Du kan till och med använda CloudFlires gratis plan för att testa vatten, men för en optimal prestanda är en betald plan en bra investering.

Optimera bilder

Bilder är en viktig del av varje e-handelsaffär. För att förbättra sidbelastningstiderna är det en bra idé att spendera lite tid på att optimera produktbilder, miniatyrbilder etc.

WordPress-plugins som TinyPNG kan vara användbart för att komprimera och optimera bilder när du laddar upp dem.

En annan metod som kan användas här är lat laddning av bilder. Lat laddning innebär att den angivna uppsättningen bilder inte laddas förrän användaren rullar ner till den del av sidan där bilderna är placerade. På detta sätt påverkas inte den totala sidbelastningstiden negativt eftersom webbläsaren inte behöver ladda alla bilder på en gång. WP-plugins som BJ Lazy Load kan hjälpa dig att uppnå det här.

Eftersom de flesta av din webbutikas medieinnehåll kommer att vara i form av bilder kan optimering och lat laddning av bilder ge gynnsamma resultat.

Använda ett WordPress Caching-plugin

Caching har länge varit den vanligaste lösningen för att påskynda WP-webbplatser och bloggar. En WordPress e-handelswebbplats är inget undantag från denna regel. Du bör överväga att välja en pålitlig och ansedd WordPress-cache-plugin. Några värdiga namn är:

Se också till att det plugin du väljer är kompatibelt med ditt WordPress-e-handelsplugin. Om du använder WooCommerce finns det inget att oroa dig för - de flesta caching-plugins har WooCommerce-butiker i åtanke och är helt kompatibla med detsamma. För alla andra e-handel WP-plugins kan du behöva kontrollera dokumentationen till ditt plugin.

Med kompatibilitet menar vi att cachepluggen automatiskt ska upptäcka vad den behöver cache (och vad den inte bör). Här är ett exempel: under inga omständigheter ska ditt WP-cacheplugin cacha sidorna Kundvagn och kassa. Dessa sidor behöver endast genereras på grundval av användarens val - det finns ingen statisk kopia som kan serveras.

På samma sätt behöver kundvagnens widgets (eller ikoner som ofta placeras i rubriken eller menyraden i e-handelsbutiker) inte cachas. För WordPress-e-handelssajter är en bra idé att aktivera CSS- och HTML-minifiering, men undvik JavaScript-minifiering. Många e-handel-plugins är beroende av JS för att ladda kundvagnens widgets direkt. JS-minifiering eller cachning kan orsaka problem här - användaren kan lägga till en produkt i kundvagnen och den kommer att läggas till. Men sidan visar fortfarande en tom kundvagn - JS cachades och därför kunde kundvagnen inte uppdateras, såvida inte hela sidan uppdateras.

Således kan du (och borde) cache JavaScript-filer och minifiera dem på WP-bloggar, men det är inte en bra idé i WP eCommerce-butiker.

Använda AJAX i kundvagnen

Det är vanligt att använda AJAX för att återge information om kundvagnen. De flesta WP eCommerce-plugins, inklusive WooCommerce, gör också samma sak. Så här fungerar det:

Användaren väljer en produkt och klickar på knappen "Lägg till i kundvagn". Produkten läggs till i kundvagnen. Därefter uppdateras två värden på sidan: produktens knappen Lägg till i kundvagn visar "Tillagd i kundvagn" eller "Redan i kundvagn" (eller på liknande sätt), och shoppingvagnswidgeten (eller knappen) visar det uppdaterade produktantalet. Resten av sidan? Det är varken uppdaterat eller ändrat.

Denna selektiva uppdatering sker med ett AJAX-samtal. Nu är den negativa delen med den här funktionen att AJAX-samtal tar tid och alltid påverkar sidans belastningstid negativt. Så oavsett om användaren lägger till en produkt att ringa (det vill säga huruvida vagnen behöver uppdateras med hjälp av AJAX), måste biblioteken fortfarande laddas.

Om du verkligen vill få lite prestationsökning här kan du inaktivera AJAX-samtal (använd ett enkelt plugin som den här) och låt din eCommerce-plugin omdirigera användaren till kundvagnen när produkten läggs till i vagnen. Så här gör du i WooCommerce:

Snabba upp WordPress e-handelswebbplats

Gå bara till Inställningar och sedan fliken Produkter. Välj alternativet "omdirigera till kundvagn". Spara sedan ditt val (du kan också inaktivera AJAX i arkiven om du vill).

Medan vi är på det kommer ett enkelt men mycket användbart WordPress-plugin att vara WooCommerce Speed ​​Drain Repair. Det slutar helt enkelt ladda AJAX-metoder och andra WooCommerce-funktioner på sidor som inte är WooCommerce (säg, din blogg eller om sidan). Det kan hjälpa dig att påskynda din WordPress e-handelsmanifold.

Databasoptimering

Bild poäng:

En långsam och dåligt optimerad WordPress-databas kan få din webbplats att stanna. Detta gäller särskilt i fallet med e-handelsbutiker som körs på WP. Det finns fler databastabeller och poster än normalt. Du behöver inte bara ta itu med tabeller och poster för inlägg, sidor och kommentarer. Dessutom har du också poster och tabeller för dina produkter, attribut för produkter, beställningar etc.

Du kan välja ett populärt WP-plugin som WP Optimera or WP Sweep. Sådana plugins kan skanna genom din databas, ta bort fragment och onödiga omkostnader, etc. Genom att rengöra din WP-databas med jämna mellanrum kan du öka sidbelastningstider eftersom databasfrågor görs snabbare.

Slutsats

Det tar oss till slutet av detta inlägg. Vi har diskuterat sätt att undvika att ladda onödiga skript på e-handelssidor, optimera databaser, använda cache och CDN, etc. för att påskynda en WordPress e-handelswebbplats.

Om du driver eller hanterar en WordPress e-handelswebbplats, vilken strategi eller metoder använder du för att påskynda den? Dela dina åsikter i kommentarerna nedan!

Utvalda bild 

Sufyan bin Uzayr

Författare; publicerad författare; kaffe-vännen; webbutvecklare; killen bakom Parakozm.