D\u00e4rf\u00f6r ska vi nu analysera temahastigheter, med hj\u00e4lp av utv\u00e4rderare f\u00f6r multisidesprestanda<\/a> och laddningstid och med lite hj\u00e4lp av v\u00e5r egen erfarenhet och anv\u00e4ndarrecensioner.<\/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 \u00c4ven om inget hastighetstest ger absoluta resultat ville vi se till att v\u00e5r hastighetstestning simulerade en verklig milj\u00f6. Testhastigheter fr\u00e5n temautvecklarens demos inneb\u00e4r en massa problem.<\/p>\n Eftersom varje temas demo hostas p\u00e5 en annan server kan det ena temat vara mycket snabbare \u00e4n det andra. De kan dessutom ha olika inneh\u00e5ll. Det kan sluta med att vi testar en demo med 1 000 produkter och en annan med bara fem.<\/p>\n V\u00e5ra tester inf\u00f6rlivade d\u00e4rf\u00f6r f\u00f6ljande element f\u00f6r att uppr\u00e4tth\u00e5lla en s\u00e5 verklig situation som m\u00f6jligt, liknande v\u00e5rt hastighetstest f\u00f6r vanliga WordPress-teman<\/a>:<\/p>\n Med den h\u00e4r konfigurationen skapade vi en milj\u00f6 som ligger s\u00e5 n\u00e4ra verkligheten som m\u00f6jligt. Som du kan se nedan har vi en hemsida med en rullgardinsmeny. Vi beh\u00f6ll inneh\u00e5ll fr\u00e5n f\u00f6reg\u00e5ende tema varje g\u00e5ng vi testade ett nytt tema, inklusive bannerbilden.<\/p>\n En sak att t\u00e4nka p\u00e5 \u00e4r att vi inte optimerar n\u00e5gon media<\/a> eller ansluter till ett \u00a0inneh\u00e5llsleveransn\u00e4tverk (CDN)<\/a>. \u00c4ven om dessa element platsar i kategorin ”verklig v\u00e4rld”, anv\u00e4nder alla WordPress-webbplatser inte samma CDN, och andra anv\u00e4nder inte n\u00e5got CDN \u00f6verhuvudtaget.<\/p>\n Webbplatsen kanske inte heller har ett bildoptimeringsplugin<\/a>. Vi fyllde d\u00e4rf\u00f6r den falska webbplatsen med dummy-inneh\u00e5ll f\u00f6r att testa hur varje tema fungerar utan alla prestandauppgraderingar.<\/p>\n Vi k\u00e4nde \u00e4ven att det \u00e4r viktigt att ha en legitim butik f\u00f6r att testa WooCommerce-teman. Vi har d\u00e4rf\u00f6r lagt till flera produkter med bilder, priser, knappar och beskrivningar p\u00e5 den falska webbplatsen.<\/p>\n Vi har \u00e4ven lagt till ett produktgalleri p\u00e5 hemsidan, ihop med ett brett utbud av andra objekt p\u00e5 hela webbplatsen, exempelvis dussintals inneh\u00e5llsfyllda inl\u00e4gg och sidor.<\/p>\n Vi anv\u00e4nde fyra verktyg f\u00f6r webbplatshastighet och optimeringstestning f\u00f6r att f\u00f6rst\u00e5 f\u00f6rdelarna och nackdelarna med varje WooCommerce-tema. P\u00e5 s\u00e5 s\u00e4tt nyttjade vi inte bara till ett verktyg \u2013 vilket kan leda till felaktigheter \u2013 utan tittade \u00e4ven p\u00e5 m\u00e5nga fler m\u00e4tv\u00e4rden f\u00f6r att se vilket tema som var snabbast.<\/p>\n H\u00e4r \u00e4r en kort genomg\u00e5ng av hastighetstesterna<\/a>:<\/p>\n De m\u00e4tv\u00e4rden vi anv\u00e4nder fr\u00e5n GTmetrix (legacy) inkluderar:<\/p>\n Urvalsprocessen innebar att organisera 50 av de mest popul\u00e4ra WooCommerce-temana<\/a> med rykte om tillf\u00f6rlitlighet och prestanda. Vi tittade \u00e4ven p\u00e5 anv\u00e4ndarbetyg och recensioner f\u00f6r att trimma ner listan. Om ett tema hade hundratals recensioner, men i genomsnitt endast tv\u00e5 eller tre stj\u00e4rnor, tog vi bort det fr\u00e5n listan.<\/p>\n Vi inser att mindre popul\u00e4ra (eller nyare) teman ocks\u00e5 f\u00f6rtj\u00e4nar en chans. S\u00e5 vi gick igenom WordPress temabibliotek f\u00f6r att hitta fler unika WooCommerce-teman som \u00e4r moderna och packade med m\u00e5nga f\u00f6rdelaktiga funktioner.<\/p>\n Med b\u00e5de v\u00e4lk\u00e4nda och ouppt\u00e4ckta teman i bagaget best\u00e4mde vi oss f\u00f6r att eliminera teman med GTmetrix PageSpeed eller Pingdom-po\u00e4ng under 80.<\/p>\n Efter detta uppfyllde drygt 20 teman kraven. Det h\u00e4r \u00e4r de snabbaste WooCommerce-temana. V\u00e5ra tester visade att \u00e4ven om varje tema ger snabba resultat, har de m\u00e5nga olikheter.<\/p>\n Ta en titt nedan.<\/p>\n WooCommerce-temat Orchid Store<\/a> presenterar en flexibel och elegant bild av den moderna onlinebutiken. Det \u00e4r redo att k\u00f6ras direkt med sin WooCommerce-integrering och olika andra e-handelsplugins<\/a>.<\/p>\n Det som \u00e4r bra med Orchid Store-temat \u00e4r att du b\u00f6rjar med den vanliga onlinebutikmallen, men det har \u00e4ven de inst\u00e4llningar och demos som beh\u00f6vs f\u00f6r andra branscher, exempelvis sportbutiker och m\u00f6belaff\u00e4rer.<\/p>\n WordPress-anpassaren<\/a> \u00e4r det prim\u00e4ra s\u00e4ttet f\u00f6r anpassning av temat, men det \u00e4r \u00e4ven helt widgetiserat och fungerar med n\u00e5gra v\u00e4lk\u00e4nda sidbyggare.<\/p>\n Temautvecklaren, ThemeBeez, erbjuder flera demos f\u00f6r att man ska f\u00e5 en enkel anpassningsupplevelse som s\u00e5 sm\u00e5ningom ser bra ut p\u00e5 alla enheter n\u00e4r webbplatsen publiceras.<\/p>\n Elementor<\/a> fungerar bra med Orchid Store, s\u00e5 du kan dra nytta av WooCommerce-elementen d\u00e4rifr\u00e5n. Du kan \u00e4ven anv\u00e4nda det som inkluderas i Orchid Store, som megamenybyggaren och wishlist-verktyget.<\/p>\n Orchid Store-temat \u00e4r tillg\u00e4ngligt som en kostnadsfri nedladdning.<\/p>\n En pro-version s\u00e4ljs f\u00f6r $ 49 som en en-webbplatslicens. Du kan \u00e4ven betala extra f\u00f6r flera licenser eller utvecklarlicensen.<\/p>\n Orchid Store erbjuder en ganska \u00f6nskv\u00e4rd design, och dess mobila prestanda var framst\u00e5ende under v\u00e5r testning. Resultaten var lite blandade med Orchid Store, men totalt sett \u00e4r det ett stabilt tema med en anst\u00e4ndig hastighetsf\u00f6rdel.<\/p>\n Orchid Store vann PageSpeed-po\u00e4ngtestet och slog ut alla andra teman i GTMetrix-utv\u00e4rderingen. Det hamnade \u00e4ven p\u00e5 andra plats n\u00e4r man snittade alla fyra prestationspo\u00e4ngen. Det fick en PageSpeed-po\u00e4ng p\u00e5 97<\/strong>, och var det enda temat som \u00f6vertr\u00e4ffade 94<\/strong>-m\u00e4rket.<\/strong> \u00a0Ut\u00f6ver detta blev YSlow, Pingdom och Google Pagespeed Mobile-po\u00e4ngen s\u00e5 h\u00f6g som man kunde hoppas.<\/p>\n Konstigt nog var Orchid Store p\u00e5 motsatt sida av spektrumet f\u00f6r sidladdningstider. Det slutade i de nedre fem n\u00e4r vi tog ett genomsnitt p\u00e5 sidladdningstidstesterna, med GTMetrix laddningstid som l\u00e5g p\u00e5 drygt fem sekunder. TTFB ser bra ut, och Pingdom\u00b4s laddningstid \u00e4r inte heller d\u00e5lig. Dessutom hade Orchid Store-temat snabbast mobilhastighetsindex. Det \u00e4r bara GTMetrix laddningstid som var bekymmersam i laddningstidsresultaten. Den stod kanske i konflikt med ett plugin eller hade problem med endast det ena testet eftersom alla andra test gav f\u00f6rstklassiga resultat.<\/p>\n eStore-temat<\/a> har en ren, minimalistisk onlinebutiks-design f\u00f6r att locka kunder och uppm\u00e4rksamma vissa delar av webbplatsen ist\u00e4llet f\u00f6r att g\u00f6ra den r\u00f6rig. Det st\u00f6der dock fortfarande flera widgets<\/a> och banneromr\u00e5den<\/a>. Det erbjuder \u00e4ven en vacker rubrikmodul med en interaktiv kundvagnsikon, favoritknapp och mycket mer.<\/p>\n EStore-temat kommer fr\u00e5n ThemeGrill, en favorit hos WordPress-utvecklare<\/a>. N\u00e5gra andra ThemeGrill e-handelsteman finns tillg\u00e4ngliga, men vi fann att eStore hade de snabbaste hastigheterna under v\u00e5ra tester. N\u00e4r det g\u00e4ller anpassning kan du v\u00e4lja mellan fyra eStore-demos, varav en fokuserar p\u00e5 mode, medan en annan har en teknikdesign.<\/p>\n eStore-temat ser h\u00e4rligt ut p\u00e5 mobila enheter och m\u00f6jligg\u00f6r v\u00e4ldigt m\u00e5nga anpassningar till hemsidan och shoppingomr\u00e5dena. Det \u00e4r k\u00e4nt f\u00f6r sin hastighet och l\u00e4tta vikt, s\u00e5 det \u00e4r trevligt att se att ber\u00f6mmet matchar v\u00e5ra testresultat. Ut\u00f6ver allt detta inkluderar alla teman du f\u00e5r fr\u00e5n ThemeGrill en fantastisk kundsupport, som guidar dig l\u00e4ngs v\u00e4gen n\u00e4r du utvecklar webbplatser f\u00f6r kunder eller dig sj\u00e4lv.<\/p>\n EStore-temat \u00e4r tillg\u00e4ngligt som en kostnadsfri nedladdning.\u00a0Du kan \u00e4ven betala f\u00f6r $ 69 eStore Pro<\/a>, som ger dig premiumsupport i ett \u00e5r, uppdateringar och avancerade verktyg f\u00f6r rubriker, WooCommerce och typografi.<\/p>\n Priss\u00e4ttningen \u00f6kar n\u00e4r du l\u00e4gger till fler licenser. ThemeGrill s\u00e4ljer \u00e4ven en All Themes Plan f\u00f6r $ 99, vilket ger dig alla teman som skapats av utvecklaren.<\/p>\n Som ett strikt e-handelsbaserat tema kombinerar eStore b\u00e5de enkelhet och funktionalitet. Det visar oss samtidigt att det inte \u00e4r om\u00f6jligt att ha en stor onlinebutik som k\u00f6rs snabbt – \u00e4ven utan v\u00e4rldens snabbaste WordPress-hosting<\/a>.<\/p>\n eStore-temat imponerar en hel del med sina h\u00f6gpresterande po\u00e4ng l\u00e4ngs hela v\u00e4gen. Det hamnade i topp 10 n\u00e4r man i gjorde ett genomsnitt p\u00e5 prestandapo\u00e4ngen, vilket g\u00f6r det till ett av marknadens snabbaste WooCommerce-teman. PageSpeed-, Google Mobile- och YSlow-po\u00e4ngen l\u00e5g p\u00e5 bra niv\u00e5er. Det enda omr\u00e5de som var lite s\u00e4mre \u2013 men inte s\u00e5 mycket \u2013 \u00e4r Pingdom-po\u00e4ngen.<\/p>\n Laddningstiderna var lite annorlunda, men eStore verkar \u00e4nd\u00e5 vara ett praktiskt val, s\u00e4rskilt om du letar efter ett tema som fr\u00e4mst ger e-handelsfunktionalitet. GTMetrix laddningstid l\u00e5g p\u00e5 \u00f6ver fyra sekunder, men allt annat, fr\u00e5n Pingdom laddningstid till mobilhastighetsindex s\u00e5g bra ut.<\/p>\n Med \u00f6ver en miljon nedladdningar \u00e4r Astra<\/a> ett av marknadens mest popul\u00e4ra WordPress-teman. Temat kan anpassas f\u00f6r att passa alla sajter.<\/p>\n Astra levereras med \u00f6ver 150 f\u00f6rgjorda mallar som \u00e4r byggda med popul\u00e4ra sidbyggare som Elementor, Beaver Builder och Gutenberg<\/a>. Varje mall passar f\u00f6r en specifik bransch eller webbplats, inklusive modedesigners, juvelerare, produktf\u00f6retag, yogal\u00e4rare och mer. G\u00e5 \u00f6ver till Astras webbplats f\u00f6r att se alla dessa mallar<\/a>.<\/p>\n Viktigast av allt \u00e4r att bastemat endast har en storlek p\u00e5 50KB. Det g\u00f6r att det laddas snabbt, vilket \u00e4r avg\u00f6rande n\u00e4r det g\u00e4ller att s\u00e4lja produkter. N\u00e4r allt kommer omkring vill kunderna inte v\u00e4nta p\u00e5 att din webbplats ska laddas<\/a>. Astra fungerar mycket bra med WooCommerce<\/a> och \u00e4r ett av marknadens mest rekommenderade e-handelsteman f\u00f6r WordPress.<\/p>\n N\u00e4r det g\u00e4ller design \u00e4r Astra o\u00e4ndligt anpassningsbart. Du kan skapa sidhuvuden och sidf\u00f6tter med hj\u00e4lp av ett dra-och-sl\u00e4pp-gr\u00e4nssnitt, styra f\u00e4rger och teckensnitt och anv\u00e4nda olika layouter som rutn\u00e4t, lista eller murverk. Allt i Astra \u00e4r som standard optimerat f\u00f6r mobila enheter.<\/p>\n Priss\u00e4ttning<\/strong><\/p>\n Astra-temat \u00e4r kostnadsfritt att ladda ner<\/a>. Premiumplanerna b\u00f6rjar p\u00e5 $ 59 och inkluderar 100 + startmallar, en-till-en-support, obegr\u00e4nsad webbplatsanv\u00e4ndning och andra funktioner. Avancerade planer inkluderar fler mallar, tillg\u00e5ng till andra plugins som Convert Pro eller Scheme Pro och kostnadsfritt medlemskap i SkillJet Academy, ett bibliotek med webbdesignkurser.<\/p>\n Anm\u00e4rkningsv\u00e4rda funktioner<\/strong><\/p>\n Astra \u00e4r ett av marknadens mest l\u00e4ttviktiga WordPress-teman. Dess modul\u00e4ra natur s\u00e4kerst\u00e4ller att det f\u00f6rblir s\u00e5, oavsett hur m\u00e5nga ytterligare funktioner du l\u00e4gger till. Det \u00e4r med andra ord inte s\u00e5 konstigt att det finns p\u00e5 den h\u00e4r listan. L\u00e5t oss se hur det fungerar.<\/p>\nHur vi testade hastigheten p\u00e5 WooCommerce-teman<\/h2>\n
\n
![\"Den](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/test-homepage.png\")
![\"Sidan](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/product-gallery.png\")
De hastighetstestverktyg som anv\u00e4ndes<\/h2>\n
\n
Anv\u00e4nda m\u00e5tt<\/h2>\n
\n
![\"GTmetrix](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/gtmetrix-s.png\")
Fr\u00e5n Pingdom:<\/h3>\n
\n
![\"Pingdom\u00b4s](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/pingdom-results.png\")
Fr\u00e5n Google PageSpeed Insights:<\/h3>\n
\n
![\"Google](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/pagespeed-insights-1.png\")
Fr\u00e5n Bytecheck:<\/h3>\n
\n
![\"Bytescheck\u00b4s](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/bytecheck.png\")
De 22 snabbaste WooCommerce-temana testade och analyserade<\/h2>\n
Orchid Store<\/h3>\n
![\"Orchid](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/orchid-store.png\")
Priss\u00e4ttning<\/h4>\n
Anm\u00e4rkningsv\u00e4rda funktioner<\/h4>\n
\n
Analys f\u00f6r snabbaste WooCommerce-temat<\/h3>\n
GTMetrix hastighetstest<\/strong><\/h4>\n
\n
Pingdom<\/span><\/h4>\n
\n
PageSpeed Insights Test (endast mobil)<\/h4>\n
\n
TTFB-test f\u00f6r bytekontroll<\/h4>\n
\n
Testets slutsatser<\/h4>\n
eStore av ThemeGrill<\/h3>\n
![\"Estore\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/estore-theme.png\")
Priss\u00e4ttning<\/h4>\n
Anm\u00e4rkningsv\u00e4rda funktioner<\/strong><\/h4>\n
\n
Analys f\u00f6r snabbaste WooCommerce-temat<\/h3>\n
GTMetrix hastighetstest<\/h4>\n
\n
Pingdom<\/span><\/h4>\n
\n
PageSpeed Insights Test (endast mobil)<\/h4>\n
\n
TTFB-test f\u00f6r bytekontroll<\/h4>\n
\n
Testets slutsatser<\/h4>\n
Astra<\/h3>\n
![\"Astra](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/Astra-Theme-WooCommerce.png\")
\n
Snabbaste temaanalysen f\u00f6r WooCommerce
\n<\/span><\/h3>\nGTMetrix Speed Test<\/span><\/h4>\n
\n
Pingdom<\/span><\/h4>\n
\n