{"id":38186,"date":"2021-01-28T10:59:05","date_gmt":"2021-01-28T09:59:05","guid":{"rendered":"https:\/\/kinsta.com\/?p=68355"},"modified":"2023-12-20T15:57:52","modified_gmt":"2023-12-20T15:57:52","slug":"snabba-upp-woocommerce","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/snabba-upp-woocommerce\/","title":{"rendered":"17 Kraftfulla s\u00e4tt f\u00f6r att snabba upp din WooCommerce-butik (Ultimata Guiden)"},"content":{"rendered":"

H\u00f6gre hastighet betyder mer pengar f\u00f6r en e-handelswebbplats. Ju snabbare din webbplats laddas, desto b\u00e4ttre blir shoppingupplevelsen. En b\u00e4ttre anv\u00e4ndarupplevelse skapar en f\u00f6rb\u00e4ttrad SEO, \u00f6kad ROI, och lyckligare kunder. Detta leder i slut\u00e4ndan till st\u00f6rre int\u00e4kter och vinster.<\/p>\n

Dagens shoppare f\u00f6rv\u00e4ntar sig h\u00f6guppl\u00f6sta bilder och videor, livechattar, anv\u00e4ndarrecensioner, realtidsinventering, anpassning och en m\u00e4ngd andra dynamiska verktyg.<\/p>\n

Online-shoppare har en kort koncentrationsf\u00f6rm\u00e5ga<\/a>. Det finns vissa funktioner som f\u00f6rv\u00e4ntas skapa en snabb och smidig k\u00f6pupplevelse. Dessa funktioner kan dock f\u00f6rs\u00e4mra f\u00f6rs\u00e4ljningen om de inte fungerar som de ska.<\/p>\n

WooCommerce<\/a> \u00e4r den mest popul\u00e4ra e-handelsplattformen i v\u00e4rlden och \u00e4r kostnadsfri att anv\u00e4nda och att justera enligt dina krav.<\/p>\n

\"WooCommerce
WooCommerce \u00e4r ledande i e-handelspaketet (Bildk\u00e4lla: BuiltWith)<\/figcaption><\/figure>\n

WooCommerce<\/a> har laddats ner \u00f6ver 88<\/strong> miljoner<\/strong> g\u00e5nger hittills. Idag nyttjas det p\u00e5 \u00f6ver 5 miljoner<\/strong> webbplatser<\/a>.<\/p>\n

\"WooCommerce-plugin
WooCommerce-plugin nedladdningar och anv\u00e4ndarstatistik<\/figcaption><\/figure>\n

Till skillnad fr\u00e5n andra popul\u00e4ra shoppingplattformar<\/a> beh\u00f6ver du inte betala en procentandel av dina int\u00e4kter till WooCommerce om du anv\u00e4nder det. Det finns dock \u00e4nd\u00e5 vissa omkostnader om man driver en WooCommerce-butik.<\/p>\n

Och eftersom WooCommerce \u00e4r kostnadsfritt med begr\u00e4nsat st\u00f6d, \u00e4r du ansvarig f\u00f6r att det ska vara i toppform. Den goda nyheten \u00e4r att omv\u00e5rdnaden \u00e4r enkel om du vet vad du g\u00f6r!<\/p>\n

Vill du l\u00e4ra dig hur du snabbar upp din WooCommerce-webbplats p\u00e5 ett tillf\u00f6rlitligt s\u00e4tt?<\/p>\n

Denna guide \u00e4r f\u00f6r dig!<\/p>\n

Och kom ih\u00e5g att ditt slutm\u00e5l \u00e4r att \u00f6ka din butiks int\u00e4kter. S\u00e5 se till att ladda ner v\u00e5r kostnadsfria<\/strong> e-bok, 10 s\u00e4tt att \u00f6ka konverteringarna p\u00e5 din WooCommerce-produktsida<\/a>.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Varf\u00f6r hastighet \u00e4r viktigt f\u00f6r en online-butik<\/h2>\n

Det f\u00f6rsta intrycket \u00e4r viktigt och hastigheten \u00e4r det f\u00f6rsta en anv\u00e4ndare kommer att reagera \u00f6ver p\u00e5 din webbplats. I en studie av Google, l\u00e4mnade 53% av mobila anv\u00e4ndare en webbplats<\/a> om den tog l\u00e4ngre tid \u00e4n 3 sekunder<\/strong> att ladda.<\/p>\n

\"3
3 sekunder \u00e4r b\u00e4sta praxis (Bildk\u00e4lla: T\u00e4nk med Google)<\/figcaption><\/figure>\n

”2 sekunder<\/em><\/strong> \u00e4r gr\u00e4nsen f\u00f6r det acceptabla f\u00f6r en e-handelswebbplats. P\u00e5 Google siktar vi p\u00e5 under en halv sekund.<\/em> ”
\n– Maile Ohye, Tech Lead, Google<\/a><\/p><\/blockquote>\n

I en annan global studie, sa 80%<\/strong> av anv\u00e4ndarna att de finner en l\u00e5ngsamt laddad webbplats mer frustrerande \u00e4n en som tillf\u00e4lligt ligger nere<\/a>. Samma studie visade \u00e4ven att 73% <\/strong>av anv\u00e4ndarna skulle byta till en konkurrents webbplats om en webbplats var f\u00f6r l\u00e5ngsam att ladda.<\/p>\n

\u00c4ven en 100-millisekunders <\/strong>f\u00f6rdr\u00f6jning i sidans svarstid kan skada anv\u00e4ndarupplevelsen och online-int\u00e4kterna. Som Per Akamai<\/a>, p\u00e5verkar en 100-millisekkunders<\/strong> f\u00f6rdr\u00f6jning konverteringskursen med 7%<\/strong>, medan en 2-sekunders<\/strong> f\u00f6rdr\u00f6jning \u00f6kar avvisningsfrekvensen med 103%<\/strong>.<\/p>\n

Om din webbplats genererar 1 000 USD<\/strong> i int\u00e4kter dagligen kan 100-millisekunders f\u00f6rdr\u00f6jningar i sidinl\u00e4sningstider kosta dig 25 550 USD<\/strong> i f\u00f6rlorad f\u00f6rs\u00e4ljning \u00e5rligen.<\/p>\n

Ju st\u00f6rre verksamhet du har, desto st\u00f6rre blir kraschen. Amazon fick exempelvis en inkomstf\u00f6rlust p\u00e5 $ 1600000000 \u00e5rligen<\/a> om dess sidladdningstid avtog med bara en sekund.<\/p>\n

\"Sidans
Sidans laddningstid \u00e4r livsviktig (Bildk\u00e4lla: T\u00e4nk med Google)<\/figcaption><\/figure>\n

Ovanst\u00e5ende data tyder p\u00e5 att om din webbplats tar 6 sekunder eller mer att ladda, f\u00f6rlorar du dubbelt s\u00e5 m\u00e5nga anv\u00e4ndare som om din webbplats laddas p\u00e5 mindre \u00e4n 3 sekunder.<\/p>\n

Bortsett fr\u00e5n anv\u00e4ndarupplevelsen, p\u00e5verkar din webbplats hastighet \u00e4ven SEO<\/a>. Webbplatshastighet och prestanda spelar en viktig faktor i Googles ranking-algoritm av webbplatser.<\/p>\n

Google har bytt till mobil-inriktad indexering<\/a> f\u00f6r \u00f6ver 50% av de sidor som visas i deras s\u00f6kresultat. Trots detta tyder data fr\u00e5n HTTPArchive.org<\/a> p\u00e5 att den genomsnittliga laddningstiden f\u00f6r mobila webbplatser som k\u00f6r WordPress<\/a> har f\u00f6rs\u00e4mrats under det senaste \u00e5ret.<\/p>\n

\"
Hur WordPress-webbplatser i toppen presterar (Bildk\u00e4lla: HTTPArchive.org)<\/figcaption><\/figure>\n

Under rusningstrafik<\/a> som exempelvis Cyber Monday och Black Friday<\/a>, \u00e4r det extra viktigt att f\u00e5 din webbplats att arbeta s\u00e5 snabbt som m\u00f6jligt. Med s\u00e5 m\u00e5nga erbjudanden i omlopp, \u00e4r det helt avg\u00f6rande att se till att inga shoppare \u00f6verger din webbplats.<\/p>\n

Med tanke p\u00e5 denna statistik, kan en \u00f6kning av hastigheten p\u00e5 din WooCommerce-butik ge dig en betydande f\u00f6rdel \u00f6ver dina konkurrenter.<\/p>\n\n

M\u00e4tning av hastigheten p\u00e5 en WooCommerce-butik<\/h2>\n

Det du inte kan m\u00e4ta, kan du inte f\u00f6rb\u00e4ttra!<\/p>\n

Nu n\u00e4r du har f\u00f6rst\u00e5tt varf\u00f6r hastigheten \u00e4r viktig f\u00f6r din WooCommerce-butik, \u00e4r det dags att l\u00e4ra sig att m\u00e4ta den. Det \u00e4r viktigt att veta hur man ska m\u00e4ta f\u00f6rb\u00e4ttringarna n\u00e4r man f\u00f6rs\u00f6ker att snabba upp sin WordPress-webbplats<\/a>.<\/p>\n

Ett hastighetstest av webbplatsen<\/a> \u00e4r ett perfekt verktyg f\u00f6r att testa lyh\u00f6rdheten<\/a> p\u00e5 din WooCommerce-butik. Men om du inte g\u00f6r detta p\u00e5 r\u00e4tt s\u00e4tt, kan din webbplats verka vara l\u00e5ngsammare efter f\u00f6r\u00e4ndringarna, n\u00e4r den i sj\u00e4lva verket \u00e4r snabbare.<\/p>\n

\"En
En rapport p\u00e5 ett hastighetstest av en webbplats (Bild k\u00e4lla: Pingdom)<\/figcaption><\/figure>\n

Vi rekommenderar att du b\u00f6rjar med ett av dessa verktyg f\u00f6r hastighetstest av webbplatser: WebPagetest<\/a>, Pingdom<\/a>, Google PageSpeed Insights<\/a> eller GTMetrix<\/a>.<\/p>\n

Du kan \u00e4ven anv\u00e4nda det kostnadsfria WordPress-pluginet Query Monitor<\/a> f\u00f6r att hitta \u00e5t de teman, plugins och funktioner som fungerar d\u00e5ligt. Det hj\u00e4lper dig att fels\u00f6ka ineffektiva databasfr\u00e5gor, uppsv\u00e4llda funktioner, PHP-fel, HTTP API-anrop, osv.<\/p>\n

Inget testverktyg f\u00f6r hastighet \u00e4r perfekt, men v\u00e4lj ut ett och h\u00e5ll fast vid detta. Du kan pr\u00f6va andra alternativ senare.<\/p>\n

\"Gary<\/a>
Gary Illyes, Webmaster Trends Analyst, Google<\/figcaption><\/figure>\n

Det finns en skillnad mellan faktisk prestanda och upplevd prestanda<\/a>. Anv\u00e4ndarupplevelsen betyder mer \u00e4n det tekniska trolleri som driver webbplatsen.<\/p>\n

D\u00e4rf\u00f6r ska du anv\u00e4nda de tekniker som n\u00e4mns nedan f\u00f6r att f\u00f6rb\u00e4ttra din webbplats totala anv\u00e4ndarupplevelse, snarare \u00e4n att endast f\u00e5 h\u00f6ga hastighetspo\u00e4ng<\/a>.<\/p>\n

Hur man snabbar upp WooCommerce<\/h2>\n

En hastighettestrapport kommer att ge dig en handlingsbar plan f\u00f6r att optimera din l\u00e5ngsamma WooCommerce-webbplats.\u00a0Nyfiken? D\u00e5 k\u00f6r vi ig\u00e5ng!<\/p>\n

1. Optimera WooCommerce-inst\u00e4llningar f\u00f6r prestanda<\/h3>\n

L\u00e5t oss b\u00f6rja med grunderna genom att optimera inst\u00e4llningarna f\u00f6r WooCommerce<\/a>.<\/p>\n

F\u00f6rst ska du \u00e4ndra din webbadress f\u00f6r inloggningssidan<\/a>. Som standard \u00e4r inloggnings-Url:en f\u00f6r varje WordPress-webbplats domain.com\/wp-admin\/<\/em><\/strong>. \u00c4ven om detta \u00e4r enkelt att komma ih\u00e5g, utg\u00f6r det ett stort problem: alla k\u00e4nner till det, inklusive bots och hackers.<\/p>\n

\u00c4ndring av din inloggnings-URL till n\u00e5got unikt kommer att skydda dig mot brute force-attacker fr\u00e5n illvilliga akt\u00f6rer. Det kommer \u00e4ven att hj\u00e4lpa dig att bek\u00e4mpa hastighetsbegr\u00e4nsande HTTP-fel som 429 Too Many Requests<\/a>.<\/p>\n

Kostnadsfria plugins s\u00e5som WPS Hide Login<\/a> och Rename wp-login.php<\/a> g\u00f6r denna uppgift v\u00e4ldigt enkel.<\/p>\n

Om din e-handelswebbplats \u00e4ven hostar en blogg kan du begr\u00e4nsa antalet inl\u00e4gg i ditt blogg-fl\u00f6de. WordPress s\u00e4tter denna gr\u00e4ns till 10 inl\u00e4gg som standard, men du kan st\u00e4lla in en nedre gr\u00e4ns.<\/p>\n

\u00c4ven om detta kan tyckas trivialt, kan det spela en stor roll om du driver en blogg med mycket trafik (h\u00e4r \u00e4r hur man driver trafik till sin webbplats<\/a>). Du hittar det h\u00e4r alternativet under WordPress Instrumentpanel \u2192 Inst\u00e4llningar \u2192 L\u00e4sning<\/strong>.<\/p>\n

\"Begr\u00e4nsa
Begr\u00e4nsa antalet inl\u00e4gg i bloggfl\u00f6det<\/figcaption><\/figure>\n

D\u00e4refter inaktiverar du pingbacks p\u00e5 din webbplats. De genererar oftast v\u00e4rdel\u00f6st spam. Ju f\u00e4rre s\u00f6kfr\u00e5gor din webbplats genererar, desto b\u00e4ttre.<\/p>\n

\"Optimera
Optimera diskussionsinst\u00e4llningarna<\/figcaption><\/figure>\n

Om du har m\u00e5nga anv\u00e4ndarkommentarer<\/a> i dina inl\u00e4gg eller sidor, ger dig WordPress \u00e4ven en m\u00f6jlighet att dela upp dem i mindre bitar. Samma inst\u00e4llning g\u00e4ller f\u00f6r att dela upp recensioner<\/a> p\u00e5 dina produktsidor.<\/p>\n

H\u00e5ll denna siffra mellan 10 och 20 f\u00f6r att optimera din produktsidas laddningstid.<\/p>\n

Du kan inaktivera produktrecensioner under WooCommerce \u2192 Inst\u00e4llningar<\/strong> om du inte gillar att ha dem i din butik. Detta kommer att bidra till att p\u00e5skynda din webbplats eftersom det eliminerar laddningen av n\u00e5gra skript och widgets.<\/p>\n

\"Inaktivera
Inaktivera produktrecensioner om du inte beh\u00f6ver dem<\/figcaption><\/figure>\n

Slutligen, ta bort on\u00f6diga \/ f\u00f6r\u00e5ldrade teman och plugins<\/a> fr\u00e5n din webbplats. Ju f\u00e4rre teman och plugins du har installerat, desto l\u00e4ttare \u00e4r det att underh\u00e5lla dem och att fels\u00f6ka prestandaproblem<\/a>.<\/p>\n

2. F\u00e5 ett snabbt WooCommerce-tema<\/h3>\n

Det \u00e4r viktigt att anv\u00e4nda r\u00e4tt WooCommerce-tema<\/a>. Det finns hundratusentals teman d\u00e4r ute, s\u00e5 att hitta det <\/em>perfekta temat \u00e4r alltid en utmaning.<\/p>\n

\"Utvalda
Utvalda teman p\u00e5 WordPress.org<\/figcaption><\/figure>\n

Ett vackert tema med fantastiska inbyggda funktioner kan l\u00e5ta bra p\u00e5 pappret, men kan floppa\u00a0n\u00e4r det g\u00e4ller sj\u00e4lva anv\u00e4ndandet. Om du driver en e-handelswebbplats, m\u00e5ste du se till att det \u00e4r helt kompatibelt med WooCommerce.<\/p>\n

\"Filtrera
Filtrera ner din temas\u00f6kning f\u00f6r e-handel<\/figcaption><\/figure>\n

WP Rocket testade hastigheten p\u00e5 ett g\u00e4ng popul\u00e4ra WooCommerce-teman<\/a> och fick f\u00f6ljande resultat.<\/p>\n

\"V\u00e4lj
V\u00e4lj ett snabbt WooCommerce tema (Bild k\u00e4lla: WP Rocket)<\/figcaption><\/figure>\n

Astra, OceanWP, och GeneratePress<\/a> \u00e4r \u00e4ven Kinsta\u00b4s favoriter som f\u00f6resl\u00e5s i artikeln om att snabba upp WordPress<\/a>. De \u00e4r ultrasnabba och l\u00e4ttviktiga WordPress-teman. Du hittar ytterligare 10 + mycket snabba teman i denna tutorial<\/a>.<\/p>\n

N\u00e4r de kombineras med en sidbyggare<\/a> som Elementor eller Beaver Builder kan de hj\u00e4lpa dig att skapa n\u00e4stan vilken webbplats som helst.<\/p>\n

\"Storefront
Storefront \u00e4r WooCommerce\u00b4s officiella tema<\/figcaption><\/figure>\n

Storefront<\/a> \u00e4r ett kostnadsfritt tema som erbjuds av WooCommerce, medan Shoptimizer<\/a>, Divi,<\/a> och WoondrShop<\/a> \u00e4r premium-teman. Eftersom dessa teman \u00e4r byggda f\u00f6r att driva en e-handelswebbplats, finns det ingen anledning att installera tredjepart plugins f\u00f6r att f\u00e5 alla funktioner som du vill ha.<\/p>\n

Om du har en liten budget \u00e4r det helt okej att b\u00f6rja med ett kostnadsfritt tema och att senare uppgradera<\/a> till en premiuml\u00f6sning.<\/p>\n

Vi rekommenderar att du undviker sidbyggare som kan sakta ner din webbplats. V\u00e4lj ist\u00e4llet ett tema som st\u00f6der WordPress’ blockredigerare Gutenberg<\/a>.<\/p>\n

F\u00f6r att v\u00e4lja ut ett tema, f\u00f6resl\u00e5r vi att du listar alla funktioner som du beh\u00f6ver i din webbutik. V\u00e4lj sedan ett tema som t\u00e4cker de flesta av dina funktionskrav. Detta hj\u00e4lper dig att sk\u00e4ra ner beroendet av uppsv\u00e4llda multi-syftes teman och tredje part plugins.<\/p>\n

Detta leder oss fram till n\u00e4sta f\u00f6rslag.<\/p>\n

3. Var f\u00f6rsiktig med plugins och WooCommerce-till\u00e4gg<\/h3>\n

WordPress har 54.000 + kostnadsfria plugins <\/strong>i sitt lager. Det finns \u00e4nnu fler premium-plugins d\u00e4rute. Det \u00e4r med andra ord l\u00e4tt att ryckas med och installera dussintals av dem.<\/p>\n

\"Det
Det finns ett plugin f\u00f6r n\u00e4stan vad som helst<\/figcaption><\/figure>\n

M\u00e5nga popul\u00e4ra plugins, s\u00e4rskilt prestandarelaterade och s\u00e4kerhetsrelaterade, fungerar inte s\u00e5 bra i vissa hosting-milj\u00f6er<\/a>.<\/p>\n

WooCommerce funktionalitet kan ut\u00f6kas med ett brett utbud av kostnadsfria och betalda WooCommerce-till\u00e4gg<\/a>. De fungerar p\u00e5 samma s\u00e4tt som plugins.<\/p>\n

\"WooCommerce-till\u00e4gg
WooCommerce-till\u00e4gg f\u00f6rst\u00e4rker din butiks funktionalitet<\/figcaption><\/figure>\n

Tv\u00e4rtemot vad m\u00e5nga tror, orsakar antalet plugins som du installerar inte alltid prestandaproblem. Men detta g\u00e4ller endast s\u00e5 l\u00e4nge pluginen \u00e4r byggda med b\u00e4st kodnings-praxis.<\/p>\n

Att granska kvaliteten p\u00e5 varje plugin som du installerar blir jobbigt n\u00e4r det finns s\u00e5 m\u00e5nga av dem. Och du kanske inte ens har kompetens och expertis nog f\u00f6r att granska dem grundligt.<\/p>\n

N\u00e5gra plugins kan \u00e4ven skapa konflikter med andra plugins. N\u00e4r du har ett dussintals plugins p\u00e5 din webbplats, blir sannolikheten f\u00f6r en plugin-konflikt v\u00e4ldigt stor.<\/p>\n

Det \u00e4r d\u00e4rf\u00f6r viktigt att t\u00e4nka igenom vilken typ av plugins och WooCommerce- till\u00e4gg som man installerar.<\/p>\n

4. \u00d6ka WordPress minnesgr\u00e4ns<\/h3>\n

WordPress allokerar 32 MB minne f\u00f6r PHP<\/a> som standard. Om det uppst\u00e5r n\u00e5got problem, ska det automatiskt f\u00f6rs\u00f6ka \u00f6ka denna gr\u00e4ns till 40 MB (f\u00f6r en enda webbplats) eller 64 MB (f\u00f6r en multisida).<\/p>\n

I de flesta fall kommer denna minnesgr\u00e4ns<\/a> inte att r\u00e4cka f\u00f6r en WooCommerce-webbplats. Du kan till och med f\u00e5 ett felmeddelande p\u00e5 din instrumentpanel som:<\/p>\n

”Till\u00e5ten minnesstorlek p\u00e5 xxxxxx bytes \u00e4r n\u00e5dd”<\/em><\/p>\n

Det rekommenderas att man \u00f6kar denna gr\u00e4ns till 256 MB<\/a>. G\u00f6r alltid en s\u00e4kerhetskopia av valfri fil innan du redigerar den. Om n\u00e5got g\u00e5r fel, kan du ers\u00e4tta den redigerade filen med den ursprungliga.<\/p>\n