10 najszybszych motywów WooCommerce w 2022 roku (na podstawie naszych dogłębnych testów)

Sklep generujący 30 000 USD miesięcznie może tracić 25 000 USD rocznie przychodu z powodu opóźnienia wynoszącego zaledwie jedną sekundę. W przypadku sklepu wolniejszego strata byłaby jeszcze większa.

Jednym z kluczowych elementów szybkiego sklepu WooCommerce jest jego motyw przewodni. Wybranie niewłaściwego motywu może spowolnić Twój sklep i zaszkodzić Twojej firmie, zmniejszając konwersje, negatywnie wpływając na wrażenia użytkownika i szkodząc rankingom w wyszukiwarkach.

Aby pomóc Ci upewnić się, że Twój motyw nie uniemożliwia tak szybkiego ładowania witryny, porównaliśmy wydajność 10 najszybszych motywów WooCommerce dostępnych w 2022 roku.

Niektóre z nich zostały specjalnie zaprojektowane dla sklepów WooCommerce, podczas gdy inne są opcjami ogólnego przeznaczenia, które mają dobre szablony i funkcje eCommerce. Większość z tych motywów twierdzi, że są najszybsze dostępne, podczas gdy inne zostały uwzględnione, ponieważ są bardzo popularnymi opcjami.

Podsumowanie rezultatów

Możesz zobaczyć pełne wyniki testów i dowiedzieć się, jak przebiegały testy w dalszej części tego artykułu; jednak oto krótkie podsumowanie wyjaśniające, które motywy były najszybsze.

Do testów wykorzystaliśmy Google PageSpeed ​​Insights (PSI) i Pingdom. Przed uruchomieniem testów i po aktywacji każdego motywu, strona była odświeżana w celu przygotowania wewnętrznej pamięci podręcznej każdego motywu. Zarówno PSI, jak i Pingdom dają ogólną ocenę wydajności, z punktacją na 100, a także bardziej szczegółowe informacje o wydajności witryny.

PSI mierzy również, jak motywy działały na komputerach stacjonarnych i urządzeniach mobilnych. W przypadku Pingdom oceniono tylko środowisko komputera stacjonarnego. Przetestowano stronę pojedynczego produktu i stronę główną sklepu w każdej witrynie.

W oparciu o średni stopień wydajności PSI dla dwóch stron (pojedynczy produkt i strona główna sklepu), według PSI najlepiej sprawdzały się następujące motywy:

• Najlepsza ocena wydajności mobilnego PSI: Shoptimizer (średnia ocena 93,5).
• Najlepsza ocena wydajności komputerów stacjonarnych PSI: Botiga (średnia ocena 92,5).
• Najlepsza ogólna ocena wydajności komputerów stacjonarnych i urządzeń przenośnych PSI: Shoptimizer (średnia ocena 86,25).

Jak zobaczysz w tym artykule, wyniki testu to coś więcej niż tylko oceny wydajności; jednak dają dobry przegląd tego, jak szybki jest motyw.

Opóźnienie pierwszego wejścia i całkowity czas blokowania

Jednym z przydatnych wskaźników, na które warto zwrócić uwagę w wynikach, jest całkowity czas blokowania (TBT). TBT dobrze wskazuje, ile czasu zajmuje, aby strona stała się interaktywna, na przykład czynności, które można wykonać, gdy użytkownik kliknie przycisk lub inny interaktywny element strony. Odgrywa to rolę w opóźnieniu pierwszego wejścia (FID) i szybkości postrzegania strony przez użytkowników.

FID mierzy czas od pierwszej interakcji użytkownika ze stroną do momentu, w którym przeglądarka jest w stanie faktycznie rozpocząć przetwarzanie odpowiedzi na tę interakcję. Chociaż FID nie można zmierzyć w testach laboratoryjnych, czas blokowania strony, który jest mierzony przez PSI, dobrze koreluje z FID.

Według Google, jeśli czas blokowania zadania jest dłuższy niż 50 ms, „jest prawdopodobne, że użytkownik zauważy opóźnienie i uzna stronę za ociężałą lub szarpaną”. TBT strony to suma czasu blokowania dla każdego długiego zadania, które występuje między pierwszym bólem treści (FCP) a czasem do interakcji (TTI).

Wszystko, co możesz zrobić, aby poprawić TBT, powinno również poprawić FID, co z kolei zwiększa szybkość przeglądania strony przez użytkowników.

Prawie wszystkie testowane motywy miały dobre wyniki TBT dla komputerów stacjonarnych, ale tylko GeneratePress, OceanWP i Storefront wypadły naprawdę dobrze w testach mobilnych TBT.

Patrząc na wszystkie wyniki, nie tylko TBT, Shoptimizer wypadł ogólnie najlepiej, chociaż jego średnia ocena wydajności mobilnej PSI (79) była nieco niższa niż w przypadku niektórych innych motywów. Z tego powodu możesz być bardziej zainteresowany motywem GeneratePress, ponieważ uzyskał dobre wyniki zarówno na urządzeniach mobilnych, jak i stacjonarnych (odpowiednio 82,5 i 88,5) przy uśrednianiu wyników zarówno dla pojedynczej strony, jak i strony głównej sklepu.

Ponieważ światowa sprzedaż detaliczna eCommerce na całym świecie nadal rośnie, skacząc z 2,9 miliarda dolarów w 2020 r. do 3,5 miliarda dolarów w 2021 r., według Statista, ważne jest, aby wybrać motyw, który jest szybki zarówno dla użytkowników komputerów stacjonarnych, jak i mobilnych. Na tej podstawie GeneratePress jest najlepszą opcją po wyjęciu z pudełka, zgodnie z testami PSI.

Pingdom, który mierzył rozmiar strony, czas ładowania i liczbę żądań, jednocześnie podając ocenę wydajności, stwierdził, że Astra ma najszybsze strony pojedynczego produktu i sklepu, chociaż Botiga i GeneratePress miały nieco wyższe średnie oceny wydajności.

Jaki jest najszybszy motyw WooCommerce w 2022 roku?

Ponieważ motywy zostały przetestowane pod kątem szeregu kryteriów od Pingdom i PSI, nie jest łatwo wybrać wyraźnego zwycięzcę, który jest najszybszym motywem WooCommerce w 2022 roku.

Jednak motywami, które sprawdziły się najlepiej we wszystkich testach, były Boitga, GeneratePress i Shoptimizer.

Możesz wyświetlić pełne szczegóły wyników testu poniżej, aby pomóc Ci znaleźć najszybszy motyw dla Twojego sklepu.

Najszybsze motywy WooCommerce

Oto szczegóły najszybszych motywów dla WooCommerce, wymienione w kolejności alfabetycznej.

Astra

Astra jest dostępna w wersji bezpłatnej i płatnej i jest w pełni konfigurowalnym motywem WordPress.

Istnieje wiele dobrze zaprojektowanych szablonów do wyboru podczas konfigurowania sklepu. Możliwość edytowania szablonów Astry za pomocą Beaver Builder, Brizy, Elementora i edytora bloków WordPress zapewnia dużą swobodę twórczą.

Zarówno bezpłatna, jak i płatna wersja Astry mają przydatne funkcje przyjazne dla WooCommerce, które ulepszają Twój sklep, chociaż w wersji płatnej zyskujesz o wiele więcej.

Kluczowe cechy

• Cały motyw można edytować, łącznie z nagłówkiem i stopką.
• Wiele w pełni edytowalnych szablonów eCommerce.
• Możliwość tworzenia osobnych nagłówków tylko dla urządzeń mobilnych w celu poprawy UX.

Wyniki testu Astry

Astra ma jedne z najwyższych ocen wydajności Pingdom. PSI przyznało Astrze bardzo pozytywną ocenę dla użytkowników komputerów stacjonarnych, ale poniżej średniej w przypadku wydajności mobilnej. Ogólnie rzecz biorąc, jest to szybki motyw WooCommerce, ale w tej kolekcji są szybsze opcje.

Botiga

Botiga to kolejny WooCommerce dostępny w wersji bezpłatnej i płatnej.

Wśród funkcji WooCommerce znajdziesz wiele stylów list produktów, wybór projektów galerii produktów i dwa różne układy koszyka. Możesz także użyć filtrów produktów i rekomendacji, aby promować swój asortyment. Funkcje premium obejmują listy życzeń, przyklejony przycisk dodawania do koszyka oraz dodatkowe układy nagłówków i stopek.

Kluczowe cechy

• Dwa dema sklepów eCommerce.
• Wysoce konfigurowalny, czysty i minimalistyczny design.
• Zestaw nagłówków zoptymalizowanych pod kątem urządzeń mobilnych.

Wyniki testu Botiga

Botiga był jednym z najszybszych motywów testowanych w tym artykule. Wyniki PSI dla komputerów stacjonarnych były bardzo dobre, chociaż było kilka innych motywów z wyższymi wynikami PSI dla urządzeń mobilnych.

Divi

Divi to flagowy motyw WordPress firmy Elegant Themes. Zawiera ogromną liczbę atrakcyjnych pakietów stron internetowych i indywidualnych szablonów, w tym wiele opcji eCommerce.

Divi jest również dostarczany w pakiecie z własnym potężnym narzędziem do tworzenia stron zintegrowanym z motywem. Divi Builder daje Ci pełną kontrolę nad projektem Twojej witryny i jest silnym rywalem najlepszych tego typu wtyczek WordPress.

Ponieważ Divi ma łatwą w użyciu funkcję testowania A/B, możesz przeprowadzać eksperymenty, aby zoptymalizować swój sklep pod kątem wyższych współczynników konwersji.

Kluczowe cechy

• Duża biblioteka w pełni edytowalnych wersji demonstracyjnych sklepów internetowych.
• Zintegrowany kreator stron z pełną edycją witryny.
• Konfigurowalne moduły treści.

Wyniki testu Divi

Divi ma jedne z największych rozmiarów stron, ustępując tylko OceanWP, co wydawało się mieć negatywny wpływ na niektóre z jego wyników. Podczas gdy PSI stwierdziło, że wydajność komputerów stacjonarnych jest dobra, wydajność mobilna była jedną z najgorszych.

GenerujPrasę

Dostępny w wersji bezpłatnej i płatnej GeneratePress twierdzi, że jest najszybszym dostępnym motywem WordPress. Płacenie za wersję premium daje dostęp do większej liczby szablonów i dostęp do kanałów wsparcia premium.

Aby pomóc Ci uruchomić swój sklep, GeneratePress zawiera wiele szablonów eCommerce. Ponieważ ten motyw ma własny edytor, możesz dostosować wszystkie aspekty swojej witryny za pomocą interfejsu wizualnego.

Kluczowe cechy

• Wiele wersji demonstracyjnych witryn sklepów eCommerce.
• Narzędzie do tworzenia motywów oparte na blokach.
• Opcje nagłówka tylko dla urządzeń mobilnych.

Wyniki testu GeneratePress

GeneratePress był ogólnie testowanym motywem WooCommerce o najlepszych wynikach, dzięki wysokim wynikom w klasach wydajności mobilnej i stacjonarnej PSI. Dobrze wypadł również w testach Pingdom.

Kadence

Kadence to kolejny darmowy motyw, który można ulepszyć, instalując dodatki premium.

Kadence zawiera również dużą bibliotekę darmowych i płatnych wersji demonstracyjnych witryn internetowych, w tym wiele projektów eCommerce. Użytkownicy WooCommerce mogą kupić zestaw sklepu Kadence, aby dodać więcej funkcji eCommerce do swojego sklepu, w tym powiększanie obrazu produktu, powiadomienia o koszyku, zaawansowane recenzje i wiele innych.

Kluczowe cechy

• Wybór w pełni edytowalnych szablonów nagłówka i stopki.
• Ustawienia globalne ułatwiają dostosowanie sklepu i zachowanie spójnego wyglądu przez cały czas.
• Kompatybilny zarówno z Beaver Builder, jak i Elementorem.

Wyniki testu kadencji

Kadence wypadł dobrze w testach Pingdom, z bardzo dobrą oceną wydajności na stronie głównej sklepu. Jednak wyniki wydajności mobilnej w PSI nie były tak dobre, jak niektórzy konkurenci.

Neve

Neve jest dostępny w kilku różnych wariantach, w tym w pakiecie premium Business, który zawiera wiele dodatkowych funkcji WooCommerce.

Dostępna jest również ograniczona darmowa wersja, więc możesz ją wypróbować przed zakupem. Jednak dodatkowa opłata za licencję biznesową lub agencyjną zapewnia dostęp do większej liczby układów sklepu, funkcji listy życzeń, wielu stylów realizacji transakcji i nie tylko.

Neve ma również projekt mobilny, który powinien sprawić, że Twój sklep WooCommerce będzie bardzo łatwy do przeglądania na urządzeniach z mniejszym ekranem. Zgodność z wiodącymi wtyczkami do tworzenia stron WordPress oznacza, że ​​możesz edytować swoją witrynę za pomocą wybranego narzędzia lub po prostu użyć domyślnego edytora bloków WordPress.

Kluczowe cechy

• Wiele funkcji dla sklepów WooCommerce.
• Współpracuje z wiodącymi narzędziami do tworzenia stron innych firm.
• Ponad 100 edytowalnych stron startowych, w tym wiele opcji eCommerce.

Wyniki testu Neve

Neve był jednym z szybszych testowanych motywów. Jednak w niektórych testach mobilnych PSI był nieco w tyle w porównaniu z najszybszymi motywami w tym porównaniu.

OceanWP

OceanWP to uniwersalny motyw z wieloma wersjami demonstracyjnymi sklepów eCommerce dostępnych w wersji płatnej. Darmowa wersja zawiera kilka wersji demonstracyjnych eCommerce, ale uaktualnienie do wersji płatnej odblokowuje więcej wersji demonstracyjnych i dodatkowych funkcji.

W zależności od tego, które demo wybierzesz, możesz edytować całą witrynę, w tym nagłówek i stopkę, za pomocą wtyczki do tworzenia stron Elementor. Płatna wersja OceanWP zawiera wybór niestandardowych modułów Elementor, które zapewniają większą swobodę twórczą.

Kluczowe cechy

• Duża liczba gotowych wersji demonstracyjnych stron internetowych, w tym wiele projektów eCommerce.
• Moduły zbudowane na zamówienie dla Elementora.
• Trzy style menu mobilnego dla ulepszonego mobilnego UX.

Wyniki testu OceanWP

OceanWP miał największe rozmiary stron i większość żądań według Pingdom, dzięki czemu miał jedne z najwolniejszych czasów ładowania. Również wyniki mobilne PSI były jednymi z najgorszych. Wydajność komputera stacjonarnego w PSI była jednak OK.

Shoptimizer

Shoptimizer to motyw skoncentrowany na WooCommerce, który został stworzony z myślą o szybkości i konwersjach.

Aby przyspieszyć działanie sklepu, Shoptimizer zminimalizował i włączył krytyczny CSS od razu po zainstalowaniu. Funkcje skoncentrowane na konwersji, które mogą generować większą sprzedaż w Twoim sklepie, obejmują niezakłócony proces kasowania, możliwość wyświetlania informacji o wysyłce i zwrotach na stronie produktu oraz plakietki zaufania, aby uspokoić klientów.

Kluczowe cechy

• Licznik zapasów i liczniki czasu do generowania sprzedaży.
• Wysuwane powiadomienia o sprzedaży w celu zwiększenia dowodu społecznego.
• Zaprojektowany z myślą o urządzeniach mobilnych dla ulepszonego UX smartfona.

Wyniki testu Shoptimizer

Shoptimizer miał najlepszą średnią ocenę wydajności komputerów stacjonarnych PSI, a także wysoką ocenę wydajności mobilnej. Wyniki Pingdom również były imponujące.

Witryna sklepowa

Storefront to oficjalny motyw WooCommerce, z którego można korzystać bezpłatnie.

Bezpłatna wersja Storefront wystarczy, aby zacząć i wprowadzić kilka poprawek w swoim projekcie. Jeśli jednak naprawdę chcesz stworzyć spersonalizowany sklep, musisz kupić pakiet rozszerzeń witryny sklepowej lub niektóre z poszczególnych rozszerzeń.

Kluczowe cechy

• Minimalistyczny design dla uporządkowanego UX.
• Biblioteka motywów potomnych do szybkiej zmiany wyglądu Twojego sklepu.
• Zbudowany i utrzymywany przez zespół odpowiedzialny za WooCommerce.

Wyniki testów witryny sklepowej

Storefront ma bardzo dobry średni wynik wydajności komputerów stacjonarnych w PSI, ale został obniżony przez stosunkowo niski wynik na urządzeniach mobilnych. Wyniki Pingdom były dobre, ale nie najlepsze.

Woostify

Woostify to kolejny darmowy motyw WooCommerce, który można wzbogacić o płatne dodatki.

Podstawowa wersja Woostify została zaprojektowana tak, aby była jak najlżejsza, aby skrócić czas ładowania. Ponieważ dodatkowe funkcje można dodawać za pomocą rozszerzeń, możesz uniknąć niepotrzebnego obciążania witryny, instalując tylko potrzebne dodatki. Wszystkie dodatki i strony startowe są dostępne za jedną cenę, a nie za dodatek.

Kluczowe cechy

• Darmowe i płatne strony startowe, które można edytować za pomocą Elementora.
• Płatne dodatki, które zawierają funkcje WooCommerce i więcej opcji dostosowywania.
• Wiele stron produktów, układ listy i szablony nagłówków.

Wyniki testu Woostify

Woostify miał jedne z najgorszych wyników w tym porównaniu, zwłaszcza jeśli chodzi o wydajność mobilną.

O testach

Do testów utworzono nową instalację na stronie WordPress hostowanej przez SiteGround. Na stronie zainstalowano WooCommerce i zaimportowano przykładowe dane sklepu dla wtyczki.

Wydajność strony pojedynczego produktu i strony głównej sklepu została następnie przetestowana w Pingdom i Google PageSpeed ​​Insights. Ta sama lokalizacja testowa, czyli lokalizacja najbliżej miejsca, w którym była hostowana witryna, została wybrana w Pingdom.

Dla każdego testu aktywowano inny motyw i używano go w stanie domyślnym. Żadne z dema motywów nie zostały zaimportowane, ani nie zainstalowano żadnych dodatkowych wtyczek. Ponieważ nie użyto żadnych narzędzi zwiększających wydajność, można było uzyskać jeszcze lepsze wyniki, włączając buforowanie, używając sieci CDN, optymalizując obrazy i wdrażając minifikację. Jednym z narzędzi, które może Ci w tym pomóc, jest NitroPack.

Podstawowe wskaźniki internetowe

Core Web Vitals (CWV) to zbiór testów, których Google używa, aby dać stronie ogólny wynik wydajności. Strony mogą być oceniane jako dobre, wymagają poprawy i słabe. Aby strona zdała test CWV i uzyskała dobrą ocenę, wynik wydajności musi mieścić się w zakresie od 90 do 100.

Wynik CWV jest oparty na wynikach testów największej zawartości treści (LCP), pierwszego opóźnienia wejścia (FID) i skumulowanego przesunięcia układu (CLS). Aby zdać test CWV, strona będzie musiała uzyskać dobry wynik we wszystkich trzech komponentach.

Ogólnie rzecz biorąc, testy te dotyczą nie tylko szybkości strony, ale także jej responsywności i stabilności wizualnej.

Źródło: https://web.dev/vitals-business-impact/

W tym artykule znajdziesz wyniki LCP i CLS dla testowanych motywów. Jak wspomniano, FID nie jest dostępny w teście laboratoryjnym PSI, ale TBT jest ściśle związany z FID.

Dobry wynik CWV może pomóc zapewnić pozytywne wrażenia użytkownika, a także przyczynić się do poprawy rankingów w wyszukiwarkach.

Jak widać z powyższych wyników, w testach na komputery trzy motywy uzyskały ocenę wydajności 90 lub wyższą dla strony pojedynczego produktu, a osiem motywów uzyskało wynik powyżej 90 w teście strony głównej sklepu. Żaden z motywów nie uzyskał pozytywnej oceny wydajności 90 lub wyższej w testach mobilnych. Najbliżej wyniku 90 zdobyli jednak GeneratePress, Kadence i Shoptimizer.

Streszczenie

Jak widać, Twój wybór motywu ma wpływ na szybkość Twojego sklepu, zwłaszcza jeśli chodzi o wrażenia mobilne.

Większość z tych tematów wypadła dobrze, z dobrymi ocenami wykonawczymi i innymi punktami. Było jednak kilka, które wyróżniały się na tle konkurencji, a szczególnie dobrze radziły sobie Botiga, GeneratePress, Neve i Shoptimizer.

Divi, OceanWP i Woostify wydawały się mieć największe problemy, głównie jeśli chodzi o wyniki mobilne PSI.

Jak wspomnieliśmy wcześniej, mobilne zakupy online wciąż zyskują na popularności, dlatego ważne jest, aby wybrać motyw, który szybko się ładuje dla tej grupy odbiorców.

Niezależnie od wybranego motywu pamiętaj, aby zoptymalizować swoją witrynę, a nie tylko używać domyślnych ustawień WordPressa, hosta i motywu. Narzędzia takie jak NitroPack, który jest kompatybilny ze wszystkimi powyższymi motywami, mogą szybko zwiększyć wydajność Twojej witryny na wiele sposobów, w tym szybkość jej ładowania na urządzeniach mobilnych.