Långsamma WooCommerce-butiker kan kosta dig pengar på flera olika sätt, från ökat antal övergivna varukorgar till förlorad kundlojalitet. Enligt Unbounce uppger nästan 70 % av konsumenterna att sidhastigheten påverkar deras vilja att köpa från en webbutik. Problemet här är att hastigheten beror på många faktorer, och att förbättra den kan kräva mycket tid och ansträngning.
Enligt Portent minskar webbplatsers konverteringsgrad med i genomsnitt 4,42 % för varje sekund en sida tar att ladda mellan sekund 0 och 5, där sidor med laddningstider mellan 0 och 2 sekunder har de högsta e-handelskonverteringsgraderna.
Om din webbplats laddningshastighet är över 2-3 sekunder är den här artikeln vad du behöver. Här hittar du flera beprövade tips för att mäta och förbättra prestandan på din e-handelswebbplats.
Varför är hastighet viktigt?
Webbplatshastighet är en kritisk faktor för framgången för alla online-verksamheter, inklusive WooCommerce-butiker, av flera anledningar:
Användarupplevelse:
Internetanvändare har vanligtvis ett kort uppmärksamhetsspann. Långsamma laddningstider kan leda till att besökare lämnar din webbplats innan den ens har laddats helt. En snabb webbplats, tvärtom, gör navigeringen enklare och uppmuntrar användare att utforska fler sidor och stanna längre.
SEO och ranking:
Sidhastighet är en av de viktigaste rankingfaktorerna för Google. Mätvärden som Largest Contentful Paint (LCP), First Input Delay (FID) och Cumulative Layout Shift (CLS) är en del av Googles rankingfaktorer. Snabbare webbplatser har större chanser att rankas högre i sökmotorer. Med ökningen av mobila sökningar påverkar även mobil sidhastighet SEO avsevärt.
Kostnadseffektivitet:
Optimerade, snabbare webbplatser förbrukar generellt sett mindre bandbredd och kan leda till lägre hostingkostnader. Snabbare webbplatser kräver också mindre tid och ansträngning att underhålla.
Mobila användare:
Med ett ökande antal användare som besöker webbplatser via mobila enheter, där anslutningshastigheterna kan vara långsammare, blir en optimerad webbplatshastighet ännu viktigare. Långsam laddning kan vara ännu mer problematisk på mobila enheter och leda till högre avvisningsfrekvens.
Global räckvidd:
Användare från olika regioner med varierande internethastigheter kan få en konsekvent upplevelse om din webbplats är optimerad för hastighet. Snabbare webbplatser är fördelaktiga om du siktar på en global publik och använder ett Content Delivery Network (CDN) för att leverera lokaliserat innehåll.
Hur utvärderar man butikens nuvarande hastighet?
Innan du påbörjar förbättringsprocessen måste du fastställa var du befinner dig nu och ta reda på butikens nuvarande hastighet samt vilka problem som kan sakta ner din webbplats. Här är några metoder och verktyg du kan använda för att utvärdera din WooCommerce-webbplats hastighet:
Direkta testverktyg
Dessa verktyg testar direkt din webbplats prestanda genom att ladda den från olika platser runt om i världen och simulera olika enheter och anslutningshastigheter:
- Google PageSpeed Insights: Ger insikter om både mobil och stationär hastighet. Ger också optimeringsförslag för WooCommerce.
- GTmetrix: Utför en detaljerad analys inklusive vattenfallsdiagram, rekommendationer och olika poäng.
- WebPageTest: Ger detaljerad information som hastighetsindex, tid till första byte och mer.
Webbläsarens utvecklarverktyg
Dessa lösningar, inbyggda i moderna webbläsare, gör det möjligt för utvecklare att inspektera, felsöka och profilera webbplatser:
- Chrome DevTools: Använd flikarna Nätverk och Prestanda för att analysera webbplatshastighet.
- Firefox Developer Tools: Dessa verktyg gör det möjligt för utvecklare att inspektera, felsöka och profilera webbsidor, vilket hjälper dem att förstå webbplatsers beteende och struktur.
Verktyg på serversidan
Dessa verktyg kan hjälpa till att identifiera problem på serversidan som kanske inte är uppenbara med testverktyg för frontend:
- New Relic: Ger en djupdykning i serverprestanda, bra för att upptäcka flaskhalsar i backend.
- Logganalys: Analysera serverloggar för att upptäcka problem.
Plugin-baserade kontroller
Plugins kan erbjuda ett bekvämt och kraftfullt sätt att övervaka olika aspekter av din WooCommerce-butiks prestanda direkt från din WordPress-adminpanel. Här är några populära plugin-baserade metoder:
- Query Monitor: Ett WordPress-plugin för att kontrollera vilka förfrågningar som saktar ner din webbplats.
- WP Debugging: Aktiverar WordPress felsökningsfunktioner för att kontrollera problem.
Real User Monitoring
Real User Monitoring (RUM) är en metod för prestandaövervakning som fångar och analyserar varje transaktion av användare på en webbplats eller applikation. Till skillnad från syntetiska övervakningsmetoder, som simulerar användarbeteende, samlar RUM in data från faktiska användares interaktioner med din webbplats.
Vanligtvis lägger du till en liten bit JavaScript-kod på din webbplats, som samlar in och skickar prestandadata till en server för analys. Så här fungerar de flesta RUM-verktyg, även om specifika implementeringsdetaljer kan variera. Bland de användbara verktygen för RUM finns New Relic Browser, Boomerang, Akamai mPulse och andra.
14 sätt att öka hastigheten på din WooCommerce-butik
Nu när du känner till den nuvarande laddningshastigheten och vilka problem som finns kan du bygga en optimeringsstrategi. Tänk på att du förmodligen kommer att behöva åtgärda flera aspekter av webbplatsen för att uppnå en bra hastighet för din WooCommerce-butik. Du kommer också att behöva övervaka hastigheten då och då, eftersom den så småningom kan sakta ner. Här är några råd om hur du kan öka din webbplats prestanda:
Hitta en pålitlig hosting
Medan fel alternativ kan leda till missnöjda kunder och förlorade affärer, kan den ideala webbhotellstjänsten för WooCommerce garantera felfri prestanda, snabba laddningstider och konsekvent drifttid.
Varje hostingtyp kan erbjudas under en mängd olika planer med olika prispunkter. Därför, när du letar efter en hostingleverantör inom din budget, överväg funktioner som cachning på serversidan, tillräcklig bandbredd och RAM för din webbplats behov, högpresterande SSD-lagring och uppdaterad programvara, som PHP och MySQL.
Om du har en delad hostingplan innebär det att hundratals webbplatser använder samma server och dess resurser. Välj en värd som begränsar antalet webbplatser som tillåts på varje server, eller överväg att uppgradera till en VPS eller dedikerad plan.
Optimera prestandainställningar
Ändra först URL:en till din inloggningssida. Inloggnings-URL:en är vanligtvis standard och känd för alla, inklusive hackare, vilket gör webbplatser sårbara för attacker.
Du kan undvika brute force-attacker från illvilliga aktörer genom att ändra din inloggnings-URL till något unikt. Du kan också använda den för att förhindra HTTP-problem med hastighetsbegränsning.
Om din e-handelswebbplats också har en blogg, begränsa antalet inlägg som visas i ditt bloggflöde. Om du driver en populär blogg, blir prestandabesparingarna betydande. Dessa justeringar kan göras i WordPress-instrumentpanelens läsinställningar.
Skärmdump tagen från den officiella WordPress-webbplatsen
Stäng sedan av pingbacks på din webbplats. De genererar vanligtvis skräppost. WordPress ger dig också möjlighet att dela upp stora användarkommentarer i mindre delar om du har många kommentarer från användare på dina artiklar eller sidor. För att minska tiden det tar för din produktsida att ladda, håll detta värde mellan 10 och 20.
Överväg användningen av plugins och tillägg
Det finns en uppsjö av plugins för WooCommerce, som ger obegränsad mångsidighet. Detta betyder dock inte att du måste installera varenda en.
Många plugins ökar mängden Javascript- eller CSS-filer på din webbplats, vilket gör att din server tar emot fler HTTP-förfrågningar, vilket saktar ner din verksamhet. Dessutom innebär fler plugins att du använder mer serverresurser, vilket saktar ner laddningstiderna.
Det spelar ingen roll hur många plugins du använder; det som spelar roll är deras kvalitet. Välj plugins som kan utföra flera uppgifter, läs recensioner för att lära dig om prestanda, bekräfta att de uppdateras ofta och installera alternativ från välrenommerade källor.
Skaffa ett snabbt e-handelstema
Ganska ofta, när man väljer ett e-handelstema, väljer webbdesigners estetik utan att tänka på hur snabbt sidorna laddas. Som ett resultat prioriteras ofta utseendet på frontend framför sidans laddningshastighet.
För att optimera laddningstiden, välj ett WooCommerce-tema som är lätt och prestandaoptimerat. Se till att temat är responsivt och har en ren kodbas.
Tänk också på att många teman låter dig inaktivera element du inte använder. För att avgöra om ett tema laddas snabbt, prova att använda hastighetsverktygen för att testa demosidorna eller bläddra igenom recensioner från användare.
Komprimera bilder
Det är viktigt att minska storleken på dina bilder innan du laddar upp dem på din webbplats, eftersom stora bilder dramatiskt kommer att sakta ner sidans laddningshastigheter. För att skala bilderna till rätt storlek för din webbplats, använd programvara som Photoshop, GIMP eller Figma.
Dina bilders filstorlekar kan minskas utan att förlora kvalitet genom komprimering. Välj rätt format; om inte din bild har en genomskinlig bakgrund är JPEG-bilder, som är mindre, oftast bäst att ladda upp. Tänk på storleken: att ladda upp en 2000-pixelbild passar inte på en plats som bara är 500 pixlar bred. Komprimera bilden efter bearbetning: bildkompressorer minskar filstorleken genom att ta bort all överflödig data och metadata.
Implementera lat laddning
En funktion som kallas lat laddning (lazy loading) förhindrar att bilder laddas förrän en webbplatsbesökare rullar ner till där de visas på sidan. Som ett resultat behöver dina kunder inte vänta medan dina medier laddas för att de ska kunna se ditt innehåll. Om din webbplats har många bilder kan denna strategi avsevärt minska laddningstiderna för butiken.
Du kan installera lat laddning på din WooCommerce-butik genom att använda WordPress-plugins. Dessa plugins förkortar tiden det tar för din webbplats att öppnas initialt.
Leverera statiska resurser via CDN
Ett innehållsleveransnätverk (CDN) är ett nätverk av servrar som är strategiskt placerade över hela världen. Dessa serverplatser kallas Points of Presence (PoPs). Ett CDN:s huvudsakliga uppgift är att cacha och leverera statiska resurser som bilder, JavaScript, CSS, etc.
Även om din webbplats är hostad på en mycket snabb server, kommer dess plats fortfarande att ha en inverkan. Nätverkslatens och tid till första byte (TTFB) minskas båda tack vare CDN, vilket förkortar avståndet mellan varje användare och webbplatsens resurser.
Det väljer automatiskt den närmaste CDN PoP för att leverera de cachade resurserna baserat på förfrågans ursprung. Många CDN:er erbjuder ytterligare prestandaförbättrande funktioner utöver cachning, som bättre bildkomprimering i farten, stöd för HTTP/3, skydd mot hotlinking och ökad säkerhet.
Eliminera oanvända skript och stilmallar
Majoriteten av WordPress-plugins och teman laddar skript och stilmallar på varje sida på din webbplats. Även när de inte behövs på sidan, laddar de ändå dessa objekt.
Genom att ta bort dessa onödiga element från webbplatser kan du minska sidans uppblåsthet och påskynda laddningen av WooCommerce-sidor, vilket kan spara tid vid installation av nya webbplatser och tilldelning av personal. WooCommerce är sårbart för detta problem, liksom dess tillägg.
Titta på vattenfallsdiagrammet i ditt webbplatshastighetstestresultat för att avgöra vad som ska tas bort. Det hjälper dig att identifiera eventuella överflödiga tillgångar.
För att bli av med skript och stilar du inte behöver, använd wp_dequeue_script och wp_dequeue_style. Asset CleanUp: Page Speed Booster är ett av de plugins som gör det enkelt att uppnå samma mål.
Skärmdump tagen från den officiella WordPress-webbplatsen
Använd cachning
Cachning är den tillfälliga lagringen av resurser från en förfrågan så att framtida förfrågningar kan behandlas snabbt. Både servern och användarens enhet kan hålla cachen.
När en användare gör en förfrågan om en webbplats, hämtar DNS-servern webbsidan från hostingservern, och appen på webbservern kör skript, söker i databasen och producerar webbsidan, som sedan renderas och visas för användaren av webbläsaren. Servern utsätts för en enorm belastning när tusentals besökare gör flera förfrågningar samtidigt, vilket gör att sidan laddas långsamt.
Cachning kommer in i bilden i denna situation. Det minskar ansträngningen som krävs för att producera en sidvisning, vilket minskar WordPress beroende av PHP och en databas. WordPress fungerar nästan lika snabbt som statiska webbsidor, om inte exakt.
Cachning på serversidan och cachning i webbläsaren är de två huvudkategorierna av webbcachning, var och en med en mängd underkategorier.
Begränsa revisioner
WooCommerce tillhandahåller en standardrevisionskontroll på produktsidor som låter dig gå tillbaka och se ändringar som gjorts på sidorna. Även om ändringar kan verka fördelaktiga, kan de ibland orsaka prestandaproblem i WooCommerce.
Till exempel, anta att du skapar en sida och redigerar den flera gånger, och lägger till eller tar bort ett element varje gång. Du har lika många dubbletter av din ursprungliga sida som du gjorde ändringar, även om ändringen är liten. Prestandan för WooCommerce kan i slutändan lida av detta och gradvis försämras.
Du måste göra vissa justeringar i filen wp-config.php i webbplatsens rot för att begränsa/inaktivera revisioner.
Rensa databasen
Varje gång en användare besöker din webbplats begär de innehållet på din webbplats, som till stor del är statiskt. Men de gör en dynamisk begäran när de lägger en beställning.
Om din butiks databas inte är optimerad kan det ta för lång tid att hantera dessa förfrågningar. En långsam serverresponstid resulterar i slutändan i en långsam webbplats. Som ett resultat måste du eliminera onödigt skräp för att rensa upp och optimera databasen.
Det finns flera metoder för databasoptimering:
- Bli av med gamla revisioner. Din WooCommerce-butiks sidor, artiklar och varor kommer att vara fyllda med föråldrade ändringar om den har varit online ett tag. Det är dags att städa upp dem. Den enklaste metoden är att använda plugins som WP-Sweep eller WP Rocket.
- Ta bort utgående transienter. En felaktig tillfällig cache producerar ibland över en miljon värdelösa poster utan något uppenbart slut i sikte. Med tiden kan kundsessioner ackumuleras, vilket lägger till tusentals extra poster i dina databastabeller. En uppblåst databas kan få din webbplats att krascha i sådana fall. Alla utgångna transienter kan enkelt tas bort med det kostnadsfria pluginet Delete Expired Transients.
Skärmdump tagen från den officiella WordPress -webbplatsen
- Rensa dina databastabeller. Allt som krävs för att driva din e-handelsverksamhet lagras i din WooCommerce-databas. Din databas blir ineffektiv och slutar med att behålla mycket oviktig data när data läggs till och flyttas runt i tabellerna. Att rensa upp dina databastabeller är avgörande för att ta bort denna extra information.
- Inaktivera funktioner som inte är kritiska men som belastar databasen. Teman och plugins för WooCommerce har många smarta funktioner som till en början verkar bra men som i slutändan förstör databasen. Ett av exemplen är bildkomprimeringsplugins, som komprimerar bilder på samma server som hostar webbplatsen. Plugins som lägger till räknare på din webbplats, som visningar, kommentarer, etc., bör också undvikas.
Utför mobiloptimering
Enligt Oberlo säger 60 % av shoppare att möjligheten att handla via mobilen är ett viktigt kriterium vid val av varumärke. Därför är mobiloptimering absolut nödvändigt.
Att använda ett responsivt tema är det enklaste sättet att anpassa din WordPress-webbplats för mobila enheter. Håll dina butikssidor så enkla som möjligt eftersom mobilkunder inte gillar att rulla i oändlighet. Överväldiga dem inte med information.
Om ditt företag har många produkter som visas, gör det enklare för mobilkunder att söka efter dem genom att erbjuda live-produktfilter. Överväg att installera pluginet WooCommerce Product Search.
Använd Chromes Lighthouse-verktyg eller Googles mobilvänlighetstest för att se om din webbplats uppfyller de nödvändiga riktlinjerna för mobil användbarhet.
Minimera omdirigeringar
Servern registrerar varje klick på en länk till en sida i din butik som en omdirigering. I grund och botten måste servern dirigera användare till rätt sida. Även om det bara tar några sekunder kan kunderna uppfatta det som en lång tid, vilket direkt påverkar din butiks avvisningsfrekvens.
Om din webbplats har många omdirigeringar använder du upp serverresurser och förlänger tiden det tar att nå den slutliga sidan. Som ett resultat kommer en minskning av omdirigeringar att resultera i en märkbar ökning av sidans laddningstid eftersom det är en beprövad optimeringsmetod för WooCommerce.
Uppdatera din PHP-version och öka minnesgränsen
Varje PHP-uppdatering är snabbare än de tidigare versionerna. Din värd bestämmer vilken PHP-version du använder, och du kan ofta ändra den i din hostingkontrollpanel. Den specifika proceduren kan dock variera beroende på din leverantör. Alternativt kan du bara be kundtjänst att göra det åt dig. Innan du uppdaterar din PHP-version, skapa en fullständig säkerhetskopia av webbplatsen och testa sedan allt för att säkerställa att det fungerar korrekt.
Ditt hostingföretag har tilldelat en viss mängd minne till din webbplats. Du kan dock överskrida den gränsen baserat på din specifika webbplats. Du kan alltid kontakta ditt hostingföretag om din hostingkontrollpanel inte tillåter dig att ändra gränsen. PHP får en minnesallokering på 32 MB från WordPress som standard. Den kommer automatiskt att försöka höja denna gräns till 40 MB eller 64 MB om den stöter på några problem. Denna gräns kommer oftast inte att vara tillräcklig för en WooCommerce-webbplats. Det rekommenderas att höja denna gräns till 256 MB.
Slutord
Med metoderna som presenteras ovan kan du dramatiskt förbättra hastigheten på din WooCommerce-butik, och täcka allt från grundläggande inställningsjusteringar till avancerade lösningar på serversidan. Dessa tekniker är till för att förbättra din webbplats hastighet och bör utgöra en del av en pågående strategi för att inte bara förbättra utan också bibehålla webbplatsens prestanda.
I slutändan är hastighetsoptimering inte en engångsuppgift utan ett pågående åtagande. Att regelbundet övervaka din webbplats hastighet med hjälp av de olika verktyg och metoder som diskuterats kan ge värdefulla insikter om hur väl dina WooCommerce-optimeringsinsatser fungerar.
