10 cele mai rapide teme WooCommerce din 2022 (pe baza testării noastre aprofundate)

Un magazin care generează 30.000 de dolari pe lună ar putea pierde 25.000 de dolari pe an din venituri din cauza unei întârzieri de doar o secundă. Pentru un magazin mai lent decât atât, pierderea ar fi și mai mare.

Una dintre componentele cheie ale unui magazin rapid WooCommerce este tema sa. Alegerea temei greșite vă poate încetini magazinul și vă poate afecta afacerea prin reducerea conversiilor, impactul negativ asupra experienței utilizatorului și afectarea clasamentului în motoarele de căutare.

Așadar, pentru a vă ajuta să vă asigurați că tema dvs. nu împiedică site-ul dvs. web să se încarce cât de repede ar putea, am comparat performanța a 10 dintre cele mai rapide teme WooCommerce disponibile în 2022.

Unele dintre ele au fost concepute în mod explicit pentru magazinele WooCommerce, în timp ce altele sunt opțiuni de uz general, care au șabloane și caracteristici bune de comerț electronic. Cele mai multe dintre aceste teme pretind a fi cele mai rapide disponibile, în timp ce altele au fost incluse, deoarece sunt opțiuni foarte populare.

Rezumatul rezultatelor

Puteți vedea rezultatele complete ale testelor și puteți afla exact cum au fost efectuate testele mai târziu în acest articol; cu toate acestea, iată un rezumat rapid care explică care teme au fost cele mai rapide.

Pentru teste, am folosit Google PageSpeed ​​Insights (PSI) și Pingdom. Înainte de a rula testele și după ce fiecare temă a fost activată, site-ul a fost reîmprospătat pentru a pregăti memoria cache internă a fiecărei teme. Atât PSI, cât și Pingdom oferă o notă generală de performanță, notată din 100, precum și informații mai detaliate despre performanța unui site.

PSI măsoară, de asemenea, modul în care temele au funcționat pe desktop și dispozitive mobile. Cu Pingdom, doar experiența desktop a fost evaluată. Pagina de produs unică și pagina de pornire a magazinului de pe fiecare site au fost testate.

Pe baza notei medii de performanță PSI a celor două pagini (produs unic și pagina de pornire a magazinului), temele cu cele mai bune performanțe, conform PSI, au fost:

• Cel mai bun grad de performanță mobil PSI: Shoptimizer (notă medie 93,5).
• Cel mai bun grad de performanță desktop PSI: Botiga (notă medie 92,5).
• Cel mai bun nivel general de performanță pentru desktop și mobil PSI: Shoptimizer (notă medie 86,25).

După cum veți vedea în acest articol, rezultatele testelor sunt mai mult decât notele de performanță; cu toate acestea, ele oferă o imagine de ansamblu bună asupra cât de rapidă este o temă.

Întârzierea primei intrări și timpul total de blocare

O măsură utilă de urmărit în rezultate este timpul total de blocare (TBT). TBT oferă o bună indicație despre cât timp durează o pagină pentru a deveni interactivă, de exemplu, acțiunile pot fi efectuate atunci când un utilizator dă clic pe un buton sau pe alt element interactiv al paginii. Acest lucru joacă un rol în Primul Întârziere de Intrare (FID) și cât de repede percep utilizatorii o pagină.

FID măsoară timpul de la momentul în care un utilizator interacționează pentru prima dată cu o pagină și până la momentul în care browserul este capabil să înceapă procesarea răspunsului la acea interacțiune. Deși FID nu poate fi măsurat în testele de laborator, timpul de blocare al unei pagini, care este măsurat prin PSI, se corelează bine cu FID.

Potrivit Google, dacă timpul de blocare al unei sarcini este mai mare de 50 ms, „este posibil ca utilizatorul să observe întârzierea și să perceapă pagina ca fiind lentă sau slăbită”. TBT-ul unei pagini este suma timpului de blocare pentru fiecare sarcină lungă care are loc între prima durere de conținut (FCP) și time to interactive (TTI).

Orice puteți face pentru a îmbunătăți TBT ar trebui, de asemenea, să îmbunătățească FID, ceea ce, la rândul său, crește cât de repede utilizatorii experimentează o pagină.

Aproape toate temele testate au avut scoruri bune TBT pentru desktop, dar numai GeneratePress, OceanWP și Storefront s-au descurcat foarte bine la testele TBT mobile.

Privind toate rezultatele, și nu doar TBT, Shoptimizer a fost cel mai bun în general, deși nota medie de performanță mobilă PSI (79) a fost puțin mai mică decât unele alte teme. Din acest motiv, s-ar putea să fiți mai interesat de tema GeneratePress, deoarece a obținut un scor bun atât pe mobil, cât și pe desktop (82,5 și, respectiv, 88,5) atunci când faceți media scorurilor atât pentru pagina unică, cât și pentru pagina de pornire a magazinului.

Pe măsură ce vânzările de comerț electronic cu amănuntul la nivel mondial continuă să crească, trecând de la 2,9 miliarde de dolari în 2020 la 3,5 miliarde de dolari în 2021, potrivit Statista, este vital să alegeți o temă care să fie rapidă atât pentru utilizatorii de desktop, cât și pentru cei de telefonie mobilă. Pe baza acestui fapt, GeneratePress este cea mai bună opțiune din cutie, conform testelor PSI.

Pingdom, care a măsurat dimensiunea paginii, timpul de încărcare și numărul de solicitări, oferind și o notă de performanță, a constatat că Astra are cele mai rapide pagini de produse și magazine, deși Botiga și GeneratePress au avut note de performanță medii puțin mai mari.

Care este cea mai rapidă temă WooCommerce din 2022?

Deoarece temele au fost testate în funcție de o serie de criterii de la Pingdom și PSI, nu este ușor să alegeți un câștigător clar care este cea mai rapidă temă WooCommerce în 2022.

Cu toate acestea, temele care au avut cele mai bune rezultate la toate testele au fost Boitga, GeneratePress și Shoptimizer.

Puteți vizualiza detaliile complete ale rezultatelor testului de mai jos pentru a vă ajuta să găsiți cea mai rapidă temă pentru magazinul dvs.

Cele mai rapide teme WooCommerce

Iată detaliile celor mai rapide teme pentru WooCommerce, enumerate în ordine alfabetică.

Astra

Astra este disponibil în versiuni gratuite și plătite și este o temă WordPress complet personalizabilă.

Există o mulțime de șabloane bine concepute din care să alegeți atunci când vă configurați magazinul. Posibilitatea de a edita șabloanele Astra cu Beaver Builder, Brizy, Elementor și WordPress Block Editor vă oferă multă libertate creativă.

Atât versiunile gratuite, cât și cele plătite de Astra au funcții utile pentru WooCommerce pentru a vă îmbunătăți magazinul, deși obțineți mult mai mult cu versiunea plătită.

Caracteristici cheie

• Întreaga temă poate fi editată, inclusiv antetul și subsolul.
• O mulțime de șabloane de comerț electronic complet editabile.
• Abilitatea de a crea anteturi separate numai pentru dispozitive mobile pentru UX îmbunătățit.

Rezultatele testului Astra

Astra are unele dintre cele mai înalte note de performanță Pingdom. PSI a acordat Astrei un rating foarte pozitiv pentru utilizatorii de desktop, dar sub medie pentru performanța mobilă. În general, este o temă WooCommerce rapidă, dar există opțiuni mai rapide în această colecție.

Botiga

Botiga este un alt WooCommerce care este disponibil în versiuni gratuite și plătite.

Printre funcțiile WooCommerce, veți găsi mai multe stiluri de listare de produse, o selecție de modele de galerie de produse și două aspecte diferite de coș. De asemenea, puteți utiliza filtre și recomandări de produse pentru a vă promova inventarul. Funcțiile premium includ liste de dorințe, un buton de adăugare în coș și amenajări suplimentare pentru antet și subsol.

Caracteristici cheie

• Două demonstrații pentru magazinul de comerț electronic.
• Design curat și minimal, extrem de personalizabil.
• Set de anteturi optimizate pentru mobil.

Rezultatele testului Botiga

Botiga a fost una dintre cele mai rapide teme testate pentru acest articol. Scorurile PSI desktop au fost foarte bune, deși au existat câteva alte teme cu scoruri PSI mobile mai mari.

Divi

Divi este tema principală WordPress de la Elegant Themes. Vine cu un număr mare de pachete atractive de site-uri web și șabloane individuale, inclusiv multe opțiuni de comerț electronic.

Divi vine, de asemenea, la pachet cu propriul său instrument puternic de creare a paginilor integrat în temă. Divi Builder vă oferă control deplin asupra designului site-ului dvs. și este un rival puternic pentru cele mai bune pluginuri WordPress de acest tip.

Deoarece Divi are o funcție de testare A/B ușor de utilizat, puteți rula experimente pentru a vă optimiza magazinul pentru rate de conversie mai mari.

Caracteristici cheie

• Bibliotecă mare de demonstrații de magazin online complet editabile.
• Generator de pagini integrat cu editare completă a site-ului.
• Module de conținut personalizabile.

Rezultatele testului Divi

Divi are unele dintre cele mai mari dimensiuni de pagină, pe locul doi după OceanWP, iar acest lucru părea să aibă un impact negativ asupra unora dintre scorurile sale. În timp ce PSI a găsit performanța desktopului a fi bună, performanța mobilă a fost printre cele mai slabe.

GeneratePress

Disponibil în versiuni gratuite și plătite, GeneratePress pretinde a fi cea mai rapidă temă WordPress disponibilă. Plata pentru versiunea premium vă oferă acces la mai multe șabloane și acces la canalele de asistență premium.

Pentru a vă ajuta să vă lansați magazinul, GeneratePress vine cu o serie de șabloane de comerț electronic. Deoarece această temă are propriul editor, puteți personaliza toate aspectele site-ului dvs. printr-o interfață vizuală.

Caracteristici cheie

• Mai multe demonstrații de site-uri web pentru magazine de comerț electronic.
• Instrument de creare a temei bazat pe blocuri.
• Opțiuni de antet numai pentru dispozitive mobile.

Generați rezultatele testului pentru presa

GeneratePress a fost cea mai performantă temă WooCommerce testată în ansamblu, datorită scorurilor sale ridicate la notele de performanță PSI pentru mobil și desktop. S-a descurcat bine și la testele Pingdom.

Kadence

Kadence este o altă temă gratuită care poate fi îmbunătățită prin instalarea de suplimente premium.

Kadence vine, de asemenea, cu o bibliotecă mare de demonstrații de site-uri web gratuite și plătite, inclusiv o serie de modele de comerț electronic. Utilizatorii WooCommerce pot achiziționa setul magazin Kadence pentru a adăuga mai multe funcții de comerț electronic în magazinul lor, inclusiv zoom imaginea produsului, notificări despre coș, recenzii avansate și multe altele.

Caracteristici cheie

• Selecție de șabloane de antet și subsol complet editabile.
• Setările globale facilitează personalizarea magazinului și păstrează un aspect consistent pe tot parcursul.
• Compatibil atât cu Beaver Builder, cât și cu Elementor.

Rezultatele testului Kadence

Kadence s-a descurcat bine la testele Pingdom, cu o notă de performanță foarte bună pentru pagina de start a magazinului. Cu toate acestea, scorurile de performanță mobile în PSI nu au fost la fel de bune ca unele dintre concurență.

Neve

Neve vine în câteva variante diferite, inclusiv pachetul premium Business care include multe funcții suplimentare WooCommerce.

Există, de asemenea, o versiune gratuită limitată, așa că o puteți încerca înainte de a cumpăra. Cu toate acestea, dacă plătiți suplimentar pentru licența de afaceri sau agenție, aveți acces la mai multe aspecte de magazin, o funcție de listă de dorințe, mai multe stiluri de plată și multe altele.

Neve are, de asemenea, un design pe mobil, care ar trebui să facă magazinul dvs. WooCommerce foarte ușor de răsfoit pe dispozitive cu ecran mai mic. Compatibilitatea cu pluginurile de top pentru generarea de pagini WordPress înseamnă că vă puteți edita site-ul web cu instrumentul dorit sau pur și simplu puteți utiliza editorul de blocuri WordPress implicit.

Caracteristici cheie

• O mulțime de funcții pentru magazinele WooCommerce.
• Funcționează cu cei mai importanți producători de pagini terță parte.
• Peste 100 de site-uri de început editabile, inclusiv multe opțiuni de comerț electronic.

Rezultatele testului Neve

Neve a fost una dintre temele mai rapide testate. Cu toate acestea, a rămas ușor în urmă cu unele dintre testele mobile PSI, în comparație cu cele mai rapide teme din această comparație.

OceanWP

OceanWP este o temă multifuncțională cu o mulțime de demonstrații pentru magazinele de comerț electronic disponibile în versiunea plătită. Versiunea gratuită vine cu câteva demonstrații de comerț electronic, dar trecerea la versiunea plătită deblochează mai multe demonstrații și funcții suplimentare.

În funcție de demonstrația pe care o alegeți, ați putea să vă editați întregul site, inclusiv antetul și subsolul, folosind pluginul Elementor page builder. Versiunea plătită a OceanWP include o selecție de module Elementor personalizate care vă oferă mai multă libertate creativă.

Caracteristici cheie

• Număr mare de demonstrații de site-uri web gata făcute, inclusiv o mulțime de modele de comerț electronic.
• Module personalizate pentru Elementor.
• Trei stiluri de meniu mobil pentru UX mobil îmbunătățit.

Rezultatele testului OceanWP

OceanWP a avut cele mai mari dimensiuni de pagină și cele mai multe solicitări conform Pingdom și, din acest motiv, a avut unii dintre cei mai lenți timpi de încărcare. Scorurile PSI mobile au fost, de asemenea, unele dintre cele mai proaste. Totuși, performanța desktopului în PSI a fost OK.

Shoptimizer

Shoptimizer este o temă axată pe WooCommerce, care a fost creată având în vedere viteza și conversiile.

Pentru a vă ajuta să vă accelerați magazinul, Shoptimizer a micșorat și a activat CSS critic. Funcțiile axate pe conversie care ar putea genera mai multe vânzări în magazinul dvs. includ o experiență de plată fără distracție, abilitatea de a afișa informații despre livrare și returnare pe pagina produsului și insigne de încredere pentru a vă asigura clienții.

Caracteristici cheie

• Contor de stoc și cronometre pentru a genera vânzări.
• Notificări de vânzări glisante pentru a crește dovada socială.
• Design pe mobil mai întâi pentru UX îmbunătățit pentru smartphone.

Rezultatele testului Shoptimizer

Shoptimizer a avut cel mai bun nivel mediu de performanță desktop PSI, precum și un grad ridicat de performanță mobilă. Rezultatele Pingdom au fost și ele impresionante.

Vitrina

Storefront este tema oficială WooCommerce și este gratuită de utilizat.

Versiunea gratuită a Storefront are aproape suficient pentru a începe și a aduce câteva modificări designului său. Cu toate acestea, dacă doriți cu adevărat să creați un magazin personalizat, va trebui să achiziționați pachetul de extensii Storefront sau unele dintre extensiile individuale.

Caracteristici cheie

• Design minimal pentru un UX neaglomerat.
• Biblioteca de teme pentru copii pentru a transforma rapid aspectul magazinului dvs.
• Construit și întreținut de echipa responsabilă pentru WooCommerce.

Rezultatele testului de vitrine

Storefront are un scor mediu de performanță desktop foarte bun în PSI, dar a fost dezamăgit de un scor relativ scăzut pentru dispozitive mobile. Rezultatele Pingdom au fost bune, dar nu chiar cele mai bune.

Woostify

Woostify este o altă temă WooCommerce gratuită care poate fi îmbunătățită cu suplimente plătite.

Versiunea de bază a Woostify a fost concepută pentru a fi cât mai ușoară posibil, cu scopul de a îmbunătăți timpul de încărcare. Deoarece funcții suplimentare pot fi adăugate prin extensii, puteți evita să vă împovărați inutil site-ul instalând doar suplimentele de care aveți nevoie. Toate suplimentele și site-urile de pornire sunt disponibile pentru un preț, mai degrabă decât pe bază de supliment.

Caracteristici cheie

• Site-uri de pornire gratuite și plătite care pot fi editate cu Elementor.
• Suplimente plătite care includ funcții WooCommerce și mai multe opțiuni de personalizare.
• Mai multe pagini de produse, aspect de listă și șabloane de antet.

Rezultatele testului Woostify

Woostify a avut unele dintre cele mai slabe scoruri în această comparație, mai ales când a fost vorba de performanța mobilă.

Despre Teste

Pentru teste, a fost creată o nouă instalare pe un site web WordPress găzduit de SiteGround. WooCommerce a fost instalat pe site și au fost importate datele din magazinul de mostre pentru plugin.

Performanța unei singure pagini de produs și a paginii de pornire a magazinului a fost apoi testată în Pingdom și Google PageSpeed ​​Insights. Aceeași locație de testare, care era cea mai apropiată locație de locul unde era găzduit site-ul, a fost aleasă în Pingdom.

Pentru fiecare test, o temă diferită a fost activată și utilizată în starea sa implicită. Niciunul dintre demonstrațiile teme nu a fost importat și nici nu au fost instalate pluginuri suplimentare. Deoarece nu au fost folosite instrumente de performanță, puteți obține rezultate și mai bune prin activarea stocării în cache, folosind un CDN, optimizarea imaginilor și implementarea minimizării. Un instrument care vă poate ajuta să faceți toate acestea este NitroPack.

Core Web Vitals

Core Web Vitals (CWV) este o colecție de teste pe care Google le folosește pentru a oferi unei pagini un scor general de performanță. Paginile pot fi notate bune, necesită îmbunătățiri și slabe. Pentru ca o pagină să treacă testul CWV și să obțină o evaluare bună, scorul de performanță trebuie să fie între 90 și 100.

Scorul CWV se bazează pe rezultatele testelor Cel mai mare conținut de vopsea (LCP), First Input Delay (FID) și Cumulative Layout Shift (CLS). Pentru a trece testul CWV, o pagină va trebui să obțină un punctaj bun pentru toate cele trei componente.

În general, aceste teste se uită nu doar la viteza unei pagini, ci și la cât de receptivă și stabilă vizual este aceasta.

Sursa: https://web.dev/vitals-business-impact/

În acest articol, puteți găsi scorurile LCP și CLS pentru temele testate. După cum sa menționat, FID nu este disponibil prin testul de laborator PSI, dar TBT este strâns legat de FID.

Un scor bun CWV poate ajuta la oferirea unei experiențe pozitive pentru utilizator și, de asemenea, poate contribui la îmbunătățirea clasamentului în motoarele de căutare.

După cum puteți vedea din rezultatele de mai sus, la testele desktop, trei dintre teme au obținut o notă de performanță de 90 sau mai mult pentru pagina de produs unică, iar opt dintre teme au obținut un scor peste 90 la testul de pe pagina de pornire a magazinului. Niciuna dintre teme nu a obținut o notă de promovare de 90 sau mai mare pentru testele mobile. Cu toate acestea, GeneratePress, Kadence și Shoptimizer au fost cel mai aproape de a marca 90.

rezumat

După cum puteți vedea, alegerea dvs. în tema are impact asupra vitezei magazinului dvs., mai ales când vine vorba de experiența mobilă.

Cele mai multe dintre aceste teme au avut rezultate bune, cu note bune de performanță și alte scoruri. Cu toate acestea, au fost câțiva care s-au evidențiat în concurență, Botiga, GeneratePress, Neve și Shoptimizer performând deosebit de bine.

Divi, OceanWP și Woostify au părut să se lupte cel mai mult, mai ales când a venit vorba de rezultatele PSI pe mobil.

După cum am descris mai devreme, cumpărăturile online pe mobil continuă să crească în popularitate, așa că este important să alegeți o temă care se încarcă rapid pentru acest public.

Indiferent de tema pe care o alegeți, asigurați-vă că vă optimizați site-ul în loc să utilizați doar setările implicite ale WordPress, gazda și tema. Instrumente precum NitroPack, care este compatibil cu toate temele de mai sus, pot îmbunătăți rapid performanța site-ului dvs. în mai multe moduri, inclusiv cât de repede se încarcă pe dispozitivele mobile.