14 sätt att snabba upp din WooCommerce-butik

Långsamma WooCommerce-butiker kan kosta dig pengar på ett antal olika sätt, från ökningen av att vagnen överges till att förlora kundlojalitet. Enligt Unbounce, nästan 70% av konsumenterna säger att sidhastigheten påverkar deras önskan att köpa från en onlinebutik. Problemet här är att hastigheten beror på många faktorer, och dess förbättring kan kräva mycket tid och ansträngning.

Enligt Förebud, minskar webbplatsens konverteringsfrekvens med i genomsnitt 4.42% för varje sekund som en sida tar att ladda mellan sekunder 0 och 5, med sidor med laddningstider mellan 0 och 2 sekunder som har de högsta konverteringsfrekvenserna för e-handel.

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 e-handelswebbplatsens prestanda.

Varför spelar hastigheten någon roll?

Webbplatshastighet är en avgörande faktor för framgången för alla onlineföretag, inklusive WooCommerce-butiker, av flera skäl:

Användarupplevelse:

Internetanvändare har vanligtvis kort uppmärksamhet. Långsamma laddningstider kan resultera i att besökare studsar från din webbplats innan den ens har laddats helt. En snabb webbplats gör tvärtom navigeringen enklare och uppmuntrar användare att utforska fler sidor och stanna längre.

SEO och ranking:

Sidhastighet är en av de mest avgörande rankningsfaktorerna 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 rankningsfaktorer. Snabbare webbplatser har fler chanser att rankas högre i sökmotorerna. Med ökningen av mobilsökning påverkar mobilsidans hastighet också avsevärt SEO.

Kostnadseffektivitet:

Optimerade, snabbare webbplatser förbrukar i allmänhet mindre bandbredd och kan resultera i lägre värdkostnader. Snabbare webbplatser kräver också mindre tid och ansträngning att underhålla.

Mobilanvändare:

Med ett ökande antal användare som kommer åt webbplatser via mobila enheter, där anslutningshastigheterna kan vara långsammare, blir optimerad webbplatshastighet ännu mer avgörande. 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ördelaktigt om du siktar på en global publik och använder ett Content Delivery Network (CDN) för att visa lokaliserat innehåll.

Hur utvärderar man nuvarande butikshastighet?

Innan du börjar förbättringsprocessen måste du bestämma var du står nu och ta reda på den aktuella butikshastigheten och 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:

Verktyg för direkttestning

Dessa verktyg testar direkt din webbplats prestanda genom att ladda den från olika platser runt om i världen, simulera olika enheter och anslutningshastigheter:

• Google PageSpeed Insights: Tillhandahåller hastighetsinsikter för både mobil och dator. Ger också WooCommerce-optimeringsförslag.
• 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.

Verktyg för webbläsarutvecklare

Dessa lösningar, inbyggda i moderna webbläsare, tillåter utvecklare att inspektera, felsöka och profilera webbplatser:

• Chrome DevTools: Använd flikarna Nätverk och Prestanda för att analysera webbplatsens hastighet.
• Firefox-utvecklarverktyg: Dessa verktyg låter utvecklare inspektera, felsöka och profilera webbsidor, vilket hjälper dem att förstå beteendet och strukturen på webbplatser.

Verktyg på serversidan

Dessa verktyg kan hjälpa till att identifiera problem på serversidan som kanske inte är uppenbara med frontend-testverktyg:

• New Relic: Ger en djupdykning i serverns prestanda, bra för att upptäcka back-end-flaskhalsar.
• 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 ditt WordPress-administratörsområde. Här är några populära plugin-baserade tillvägagångssätt:

• Query Monitor: Ett WordPress-plugin för att kontrollera vilka frågor som saktar ner din webbplats.
• WP Debugging: Aktiverar WordPress felsökningsfunktioner för att leta efter problem.

Verklig användarövervakning

Real User Monitoring (RUM) är en prestandaövervakningsmetod som fångar och analyserar varje transaktion av användare av 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 är New Relic Browser, Boomerang, Akamai mPulse och andra.

14 sätt att öka hastigheten på WooCommerce Store

Nu när du vet den aktuella laddningshastigheten och vilka problem som finns där kan du bygga en optimeringsstrategi. Tänk på att du förmodligen kommer att behöva fixa flera aspekter av webbplatsen för att uppnå bra WooCommerce-butikshastighet. Du måste också övervaka hastigheten då och då, eftersom den så småningom kan sakta ner. Här är några råd om hur du kan förbättra din webbplats prestanda:

Hitta en pålitlig värd

Även om det felaktiga alternativet kan resultera i missnöjda kunder och förlorade affärer, idealiskt WooCommerce webbhotell tjänsten kan garantera felfri prestanda, snabba laddningstider och konsekvent drifttid.

Varje värdtyp kan tillhandahållas under en mängd olika planer med olika prissättningspunkter. Därför, medan du letar efter en värdleverantör inom din prisklass, överväg funktioner som server-side caching, tillräcklig bandbredd och RAM för din webbplats krav, högpresterande SSD-lagring och uppdaterad programvara, såsom PHP och MySQL.

Om du har en delad värdplan betyder det att hundratals webbplatser använder samma server och dess resurser. Välj en värd som begränsar antalet tillåtna webbplatser på varje server, eller tänk på att uppgradera till en VPS eller dedikerad plan. 

Optimera prestandainställningar

Ändra webbadressen till din inloggningssida först. Inloggningsadressen är vanligtvis standard och känd för alla, inklusive hackare, vilket gör webbplatser mottagliga för attacker.

Du kan undvika illvilliga aktörers brute force-angrepp genom att ändra din inloggningsadress till något distinkt. Du kan också använda det för att förhindra hastighetsbegränsande HTTP-problem.

Om din e-handelswebbplats också har en blogg, begränsa antalet poster som visas i ditt bloggflöde. Om du hanterar en populär blogg ökar prestationsbesparingarna. Dessa justeringar kan göras i WordPress Dashboards Läsinställningar.

Skärmdump tagen på tjänstemannen WordPress hemsida

Stäng av pingbacks på din webbplats nästa. Vanligtvis producerar de spam. WordPress ger dig också möjligheten 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, bibehåll detta värde mellan 10 och 20. 

Ompröva användningen av plugins och tillägg

Det finns en uppsjö av plugins för WooCommerce, som ger obegränsad mångsidighet. Detta innebär dock inte att du måste installera var och 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 ditt företags verksamhet. Att ha fler plugins innebär dessutom att man använder mer serverresurser, vilket saktar ner laddningstiderna.

Det spelar ingen roll hur många plugins du använder; det viktiga är deras kvalitet. Välj plugins som kan utföra många uppgifter, läs recensioner för att lära dig mer om prestanda, bekräfta att de uppdateras ofta och installera alternativ från välrenommerade källor.

Skaffa ett snabbt e-handelstema

Ganska ofta, medan de väljer ett e-handelstema, väljer webbdesigners estetik utan att överväga hur snabbt sidor laddas. Som ett resultat har utseendet på frontend ofta prioritet över sidans laddningshastighet.

För att optimera laddningstiden, välj en WooCommerce-tema som är lätt och prestandaoptimerad. Se till att temat är responsivt och har en ren kodbas.

Tänk också på att många teman också låter dig inaktivera element som 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 i recensionerna som lämnats av användare.

Komprimera bilder

Det är viktigt att förminska dina bilder innan du lägger upp dem på din webbplats eftersom att använda enorma bilder kommer att dra ner hastigheten på sidans laddning. För att skala bilderna till rätt storlek för din webbplats, använd programvara som Photoshop, GIMP eller Figma.

Dina fotografiers filstorlekar kan minskas utan att förlora kvalitet genom komprimering. Välj lämpligt format; såvida inte din bild har en genomskinlig bakgrund, är JPEG-bilder, som är mindre, ofta de bästa att ladda upp. Tänk på storleken: att ladda upp en bild på 2000 pixlar får inte plats på en plats som bara är 500 pixlar bred. Komprimera bilden efter att ha bearbetat den: bildkompressorer minskar filstorleken genom att ta bort all ovidkommande data och metadata.

Implementera Lazy Loading

En funktion som kallas lazy loading förhindrar att bilder laddas tills en webbplatsbesökare rullar ner till var de visas på sidan. Som ett resultat kommer dina kunder inte behöva vänta medan dina media laddas för att de ska se ditt innehåll. Om din webbplats har många bilder kan denna strategi minska laddningstiderna för butiken avsevärt. 

Du kan installera lazy loading på din WooCommerce-butik genom att använda WordPress-plugins. 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 servernätverk strategiskt placerat över hela världen. Points of Presence (PoPs) är namnen på dessa serverwebbplatser. Cachning och leverans av statiska resurser som bilder, JavaScript, CSS, etc., är en CDN:s huvuduppgift.

Även om din webbplats är värd på en mycket snabb server, kommer dess plats fortfarande att påverka. Nätverkslatens och tid till första byte (TTFB) minskas båda på grund av CDN, vilket förkortar avståndet mellan varje användare och webbplatsens resurser.

Den väljer automatiskt den närmaste CDN PoP för att tillhandahålla de cachade resurserna baserat på begärans ursprung. Många CDN:er erbjuder ytterligare prestandaförbättrande funktioner utöver cachelagring, som större on-the-fly bildkomprimering, HTTP/3-stöd, hotlink-förhindrande 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 föremål.

Genom att ta bort dessa onödiga element från webbplatser kan du minska siduppsvällningen och påskynda inläsningen av WooCommerce-sidor, vilket kan spara tid på att skapa nya webbplatser och tilldela personal. WooCommerce är sårbart för detta problem, liksom dess tillägg.

Titta på vattenfallsdiagrammet i din webbplats hastighetstestresultat för att avgöra vad du ska ta bort. Det hjälper dig att identifiera eventuella överflödiga tillgångar.

För att bli av med skript och stilar som du inte behöver, använd wp_dequeue_script och wp_dequeue_style. Asset CleanUp: Page Speed Booster är bland plugins som gör det enkelt att uppnå samma mål.

Skärmdump tagen på tjänstemannen WordPress hemsida

Gå till Caching

Cachning är den tillfälliga lagringen av resurser från en begäran 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 begäran om en webbplats, hämtar DNS-servern webbsidan från värdservern, 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 påfrestning när tusentals besökare gör flera förfrågningar samtidigt, vilket gör att sidan laddas långsamt.

Caching spelar in i denna situation. Det minskar ansträngningen som krävs för att skapa en sidvisning, vilket minskar WordPresss beroende av PHP och en databas. WordPress fungerar nästan lika snabbt som statiska webbsidor, om inte exakt.

Cachning på serversidan och webbläsarcache är de två huvudkategorierna för onlinecache, som var och en har en mängd olika 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 problem med WooCommerce-prestanda.

Som illustration, anta att du skapar en sida och redigerar den flera gånger, 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 blygsam. WooCommerces prestanda kan i slutändan drabbas av detta och gradvis försämras.

Du måste göra vissa justeringar av filen wp-config.php i webbplatsens rot för att begränsa/inaktivera revisioner.

Rengör databas

Varje gång en användare går in på din webbplats begär de innehållet på din webbplats, vilket till stor del är statiskt. Däremot gör de en dynamisk förfrågan när de gör en beställning.

Om din butiks databas inte är optimerad kan det ta för lång tid att hantera dessa frågor. En trög serversvarstid resulterar i slutändan i en långsam webbplats. Som ett resultat måste du eliminera meningslöst skräp för att rensa upp och optimera databasen.

Det finns flera metoder för databasoptimering:

• Bli av med gamla ändringar. Din WooCommerce-butiks sidor, artiklar och varor kommer att laddas med föråldrade ändringar om den har varit online ett tag. Det är dags att göra i ordning dem. Den enklaste metoden är att använda plugins som WP-Sweep eller WP Rocket.
  
• Ta bort transienter som löper ut. En felaktig tillfällig cache ger ibland över en miljon värdelösa poster utan något tydligt slut i sikte. Med tiden kan kundsessioner ackumuleras och lägga till tusentals extra poster till dina databastabeller. En uppsvälld databas kan ta ner din webbplats under sådana omständigheter. Alla utgångna transienter kan enkelt tas bort med gratisplugin Delete Expired Transients.

Skärmdump tagen på tjänstemannen WordPress hemsida

• Rengör dina databastabeller. Allt som krävs för att driva din e-handelsverksamhet sparas 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 beskattar databasen. Teman och plugins för WooCommerce har många smarta funktioner som till en början verkar bra men som till slut förstör databasen. Ett av exemplen är plugins för bildkomprimering, som komprimerar bilder på samma server som är värd för webbplatsen. Plugins som lägger till räknare på din webbplats, som visningar, kommentarer etc., bör också undvikas.

Utför mobiloptimering

Enligt Oberlo, 60% av shoppare säger att möjligheten att handla via mobilen är ett viktigt kriterium i varumärkesvalet. Därför är mobiloptimering helt avgörande.

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 scrolla i det oändliga. Överväldiga dem inte med information.

Om ditt företag har många artiklar som visas, gör det enklare för mobilkunder att söka efter dem genom att tillhandahålla produktfilter. Överväg att installera WooCommerce Product Search-plugin.

Använd Chromes Lighthouse-verktyg eller Googles Mobile-Friendly Test-verktyg för att se om din webbplats uppfyller de nödvändiga riktlinjerna för mobilanvändbarhet.

Minimera omdirigeringar

Servern registrerar varje klick på en länk till en sida i din butik som en omdirigering. I huvudsak måste servern dirigera användare till rätt sida. Även om det bara tar några sekunder kan kunderna uppfatta det som 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 sista sidan. Som ett resultat kommer minskad omdirigering att resultera i en märkbar ökning av sidladdningstid eftersom det är en beprövad WooCommerce-optimeringsmetod.

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 värdkontrollpanel. 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 webbhotell har tilldelat en viss mängd minne till din webbplats. Du kan dock gå över det taket baserat på din specifika webbplats. Du kan alltid kontakta ditt värdföretag om din värdkontrollpanel inte tillåter dig att ändra gränsen. PHP får en 32 MB minnestilldelning 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 ofta inte att vara tillräcklig för en WooCommerce-webbplats. Det rekommenderas att höja detta tak till 256 MB.

Slutord

Med metoderna som tillhandahålls ovan kan du dramatiskt förbättra hastigheten på din WooCommerce-butik, och täcka omfånget från grundläggande inställningsjusteringar till avancerade server-side-lösningar. Dessa tekniker är till för att förbättra din webbplats hastighet och bör vara 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 engagemang. Att regelbundet övervaka din webbplats hastighet med hjälp av de olika verktyg och metoder som diskuteras kan ge värdefulla insikter om hur väl dina WooCommerce-optimeringsinsatser fungerar.