12 najszybszych motywów WooCommerce 2022

Szukasz najszybszych motywów WooCommerce?

W przypadku sklepów WooCommerce szybkość jest kluczowa, ponieważ czas ładowania strony bezpośrednio wpływa na współczynniki konwersji (który określa Twoje przychody). Chociaż motyw WooCommerce nie jest jedyną rzeczą, która wpływa na czas ładowania Twojego sklepu, będzie on odgrywał dużą rolę.

Z tego powodu chcesz wybrać motyw WooCommerce, który sprawi, że Twój sklep odniesie sukces w dziale prędkości.

Aby Ci w tym pomóc, przeprowadziliśmy własne, praktyczne testy wydajności z niektórymi najpopularniejszymi opcjami, aby dać Ci poparte dowodami spojrzenie na najszybsze motywy WooCommerce.

Zaczniemy od szczegółowego wyjaśnienia, w jaki sposób testowaliśmy motywy, abyś wiedział, skąd pochodzą dane. Następnie udostępnimy wyniki dla każdego motywu, a także informacje o jego kluczowych funkcjach i cenach.

Jak przetestowaliśmy najszybsze motywy WooCommerce

Oto pełne szczegóły naszego środowiska testowego:

Strona testowa

Po pierwsze, nasza strona testowa jest hostowana na tanim serwerze DigitalOcean, który w rzeczywistości oferuje całkiem solidną wydajność pomimo swojej ceny. Działa na stosie opartym wyłącznie na Nginx (obsługiwanym przez RunCloud).

Aby stworzyć realistyczną stronę testową, stworzyliśmy naszą witrynę z następującymi elementami:

1. WooCommerce
2. Standardowe dane atrapy WooCommerce, które importują wiele produktów, w tym zdjęcia i wszystkie istotne szczegóły produktu

Nie dokonaliśmy żadnych optymalizacji wydajności, takich jak buforowanie czy optymalizacja kodu. W prawdziwym świecie możesz osiągnąć lepsze czasy ładowania, korzystając z wtyczek buforujących i innych wtyczek optymalizujących prędkość, a także postępując zgodnie z naszym przewodnikiem, aby przyspieszyć działanie WordPressa.

Nie zmieniliśmy również żadnych opcji dostosowywania motywu — po prostu użyliśmy ustawień domyślnych. Jest to „najuczciwszy” sposób porównywania motywów, chociaż Twoja witryna może być nieco cięższa, jeśli zaimportujesz witrynę demonstracyjną lub skorzystasz z niektórych funkcji WooCommerce.

Aby upewnić się, że zbieramy istotne dane o wydajności, przetestowaliśmy tę samą stronę pojedynczego produktu z każdym motywem (a nie stronę główną).

Strona pojedynczego produktu wygląda mniej więcej tak (przykładowy motyw to Storefront):

Narzędzie do testowania

Do zebrania samych danych testowych wykorzystaliśmy WebPageTest. Jest kilka powodów, dla których lubimy WebPageTest:

1. Pokazuje różne metryki, w tym czas do pierwszego bajtu (TTFB), kluczowe wskaźniki internetowe (w tym największe malowanie treści), czas ładowania, żądania HTTP i rozmiar strony.
2. Możemy go skonfigurować tak, aby uruchamiał dziewięć oddzielnych testów i przyjmował wartość mediany, co eliminuje zmienność pojedynczego testu i zapewnia dokładniejsze wyniki.
3. Możemy go skonfigurować tak, aby uruchamiał zarówno testy stacjonarne, jak i mobilne oraz wybierać różne prędkości połączenia.

Chcemy, aby te dane były jak najbardziej przydatne, dlatego skonfigurowaliśmy testy tak, aby naśladowały rzeczywiste scenariusze i przeprowadziliśmy dwa różne testy:

1. Komputer stacjonarny : testowanie z urządzenia stacjonarnego i przy użyciu dławionego połączenia FIOS – 20/5 Mb/s 4ms RTT.
2. Mobile : testowanie z telefonu iPhone 7+ i korzystanie z dławionego połączenia „3G Fast” – 1,6 Mb/s/768 Kb/s 150 ms RTT. WebPageTest pozwala nam używać prawdziwego urządzenia iPhone 7+, zamiast symulować telefon komórkowy, jak niektóre inne narzędzia.

Ponieważ ograniczamy prędkość połączenia, zobaczysz „wolniejsze” wyniki niż w przypadku narzędzia takiego jak Pingdom (które wykorzystuje superszybkie połączenie bez ograniczenia). Jednak te prędkości będą bardziej dokładne w stosunku do tego, czego doświadczą Twoi prawdziwi użytkownicy, ponieważ większość z nich nie będzie przeglądać na ultraszybkich połączeniach internetowych.

Czasy na komputerach stacjonarnych będą również szybsze niż czasy mobilne. Stanie się tak z kilku powodów:

• Połączenie mobilne jest wolniejsze, ponieważ ograniczamy się do 3G. W prawdziwym świecie użytkownicy korzystający z urządzeń mobilnych mogą mieć lepsze czasy ładowania, jeśli korzystają z 4G lub łączą telefon z siecią WIFI.
• Urządzenie mobilne nie jest tak wydajne jak komputer stacjonarny, co oznacza, że ​​przetwarzanie JavaScriptu zajmie więcej czasu. Pamiętaj — używamy starszego iPhone’a 7+, a nie najnowszego topowego modelu.

Wyniki testu przedstawimy w tabeli, ale jeśli chcesz zobaczyć wszystkie dane, podamy również linki do obrazów pełnych wyników testu. Oto metryki, które będziemy przedstawiać:

• Czas do pierwszego bajtu (TTFB) – ile czasu zajmuje witrynie odpowiedź z pierwszym bajtem danych.
• Największe malowanie treści (LCP) – czas potrzebny, aby główna treść stała się widoczna. Ma na celu uchwycenie części wydajności związanej z doświadczeniem użytkownika, na czym zależy większości ludzi. Jest to również część nowej inicjatywy Google Core Web Vitals i Google wykorzysta ją jako czynnik rankingowy w aktualizacji Page Experience z maja 2021 r.
• Czas pełnego załadowania — WebPageTest definiuje to jako „punkt po OnLoad, w którym aktywność sieciowa została zatrzymana na 2 sekundy”.
• Żądania HTTP – ile żądań HTTP wysyła witryna – im mniej tym lepiej.
• Rozmiar strony — rozmiar pliku całej strony — mniejszy tym lepszy.

Zauważ, że WebPageTest nie dostarczył wartości LCP dla testów mobilnych, które przeprowadziliśmy.

Po tym całym wstępie przejdźmy do najszybszych motywów WooCommerce! Są one uporządkowane według czasu pełnego obciążenia mobilnego, ponieważ uważamy, że wydajność mobilna jest bardzo ważna dla sklepów eCommerce.

Na końcu tego posta zestawimy również wszystkie dane, więc czytaj dalej do końca, aby uzyskać wnioski.

1. Sydnej

Sydney to nasz własny, lekki, uniwersalny motyw, który jest również wyposażony w głęboką integrację z WooCommerce.

W Sydney 1.75 wprowadziliśmy szereg ulepszeń wydajności, aby pomóc mu zdobyć miejsce na tej liście najszybszych motywów WooCommerce.

Sydney nie ma zależności jQuery i jest zakodowany zgodnie z najlepszymi praktykami, aby pomóc w szybkim ładowaniu sklepu.

Oprócz wydajności jest również wyposażony w pełną kompatybilność i funkcje WooCommerce, a także niektóre importowane witryny demonstracyjne dla sklepów WooCommerce.

Kluczowe cechy

• Trzy witryny demonstracyjne WooCommerce (wraz z wieloma wersjami demonstracyjnymi innymi niż WooCommerce)
• Możliwość dostosowania stylizacji cen produktów, plakietek sprzedażowych, tytułów produktów i nie tylko
• Miniwózek przylatujący
• Kasa bez rozpraszania uwagi
• Obsługa nagłówków wideo
• Integracje Deep Elementor, w tym niestandardowe bloki Elementora
• Brak zależności jQuery
• Wbudowane znaczniki schematu w celu poprawy SEO

Informacje o wydajności

• Wyniki na pulpicie
• Wyniki mobilne

cennik

Sydney ma darmową wersję, ale chcesz, aby wersja premium miała dostęp do wszystkich funkcji WooCommerce i witryn demonstracyjnych. Korzystanie z nieograniczonej liczby witryn kosztuje 69 USD.

2. Kadencja

Kadence to nowszy motyw WordPress, który szybko zyskuje na popularności. Jest to elastyczny, wielofunkcyjny motyw, który oferuje również głęboką integrację z WooCommerce.

Ogólnie rzecz biorąc, robi się dużo szumu w związku z głębokimi opcjami dostosowywania dostępnymi w natywnym WordPress Customizer.

Kluczowe cechy

• Szczegółowe opcje dostosowywania w WordPress Customizer
• Konstruktor nagłówków i stopek typu „przeciągnij i upuść”
• Automatycznie otwieraj koszyk boczny, gdy użytkownik dodaje produkt do koszyka
• Ajax dodaj do koszyka
• Łatwe dodawanie mikrokopii i odznak zaufania w kluczowych miejscach
• Dwie importowane witryny demonstracyjne dla sklepów WooCommerce

Informacje o wydajności

• Wyniki na pulpicie
• Wyniki mobilne

cennik

Główny motyw Kadence jest dostępny za darmo na WordPress.org. Darmowy motyw zawiera podstawową kompatybilność z WooCommerce, ale będziesz potrzebować wersji Pro, jeśli poważnie podchodzisz do swojego sklepu.

Wersja Pro zapewnia dostęp do wszystkich dodatków, w tym dodatku WooCommerce, za 79 USD za rok wsparcia i aktualizacji. Możesz też kupić pakiet Kadence za 219 USD, który zawiera inne wtyczki WooCommerce od programisty.

3. Botiga

Botiga to nasz nowy darmowy motyw WooCommerce, który zbudowaliśmy od podstaw w celu optymalizacji wydajności.

Używa waniliowego JavaScriptu bez zależności od jQuery lub innych bibliotek, a także domyślnie minimalizuje swój CSS i JavaScript.

Po wyjęciu z pudełka waży zaledwie 82,8 KB i został zaprojektowany tak, aby był lekki, ponieważ wszystkie witryny demonstracyjne są zbudowane przy użyciu natywnego edytora bloków WordPress zamiast cięższych kreatorów stron.

Ale jednocześnie Botiga nie skąpi funkcji, a Ty masz dostęp do wielu opcji stylu i funkcji eCommerce, dzięki którym Twój sklep odniesie sukces.

Kluczowe cechy

• W 100% dedykowane WooCommerce
• Zoptymalizowany pod kątem wydajności z waniliowym JavaScriptem, wbudowaną minifikacją i nie tylko
• Gotowe witryny demonstracyjne zbudowane za pomocą lekkiego edytora bloków WordPress (Gutenberg)
• Zaawansowane opcje dostosowywania WooCommerce, w tym wiele układów koszyka, filtry produktów, plakietki sprzedażowe i nie tylko
• Elastyczne opcje projektowania w konfiguratorze WordPress w czasie rzeczywistym

Informacje o wydajności

• Wyniki na pulpicie
• Wyniki mobilne

cennik

Botiga ma darmową wersję, która świetnie sprawdza się w prostych sklepach WooCommerce. Jest też wersja Pro, która dodaje przydatne nowe funkcje, takie jak próbki produktów, więcej stylów nagłówków, elastyczne pozycje paska bocznego, listy życzeń, przyklejony koszyk i wiele innych.

Wersja Pro kosztuje 69 USD do użytku w nieograniczonej liczbie witryn. Możesz zobaczyć pełne porównanie funkcji między Botiga free a Pro na stronie z cenami.

4. Neve

Neve to lekki uniwersalny motyw z ThemeIsle.

Darmowy motyw podstawowy zapewnia lekką podstawę i ogólną kompatybilność z WooCommerce, podczas gdy wersja premium zawiera wiele funkcji specyficznych dla WooCommerce dzięki modułowi WooCommerce Builder.

Kluczowe cechy

• Konstruktor nagłówków i stopek typu „przeciągnij i upuść”
• Szczegółowe opcje WooCommerce w Customizerze z dodatkiem WooCommerce Builder
• Włącz/wyłącz metadane produktu za pomocą pola wyboru
• Powiększenie obrazu produktu
• Strona kasy bez rozpraszania uwagi, w tym opcje ukrywania niektórych pól, na przykład pola kuponu, jeśli nie oferujesz kuponów
• Szybki podgląd produktu
• Funkcja listy życzeń

Informacje o wydajności

• Wyniki na pulpicie
• Wyniki mobilne

cennik

Główny motyw Neve jest dostępny za darmo na WordPress.org. Aby uzyskać dostęp do modułu WooCommerce Booster i innych funkcji premium, wersja Pro kosztuje 99 USD (istnieje tańszy plan, ale nie zawiera modułu WooCommerce Booster).

5. Astra

Astra jest jednym z najpopularniejszych istniejących motywów, wyróżniającym się tym, że jest pierwszym niestandardowym motywem, który przeszedł milion aktywnych instalacji na WordPress.org.

Jest to uniwersalny motyw, którego możesz użyć w dowolnym typie witryny. Ponadto zawiera głęboką kompatybilność z WooCommerce w wersji premium, a także wiele przydatnych funkcji.

Kluczowe cechy

• Mnóstwo importowanych witryn demonstracyjnych WooCommerce
• Wiele dostosowań stylu i układu w WordPress Customizer
• Pasek boczny poza kanwą dla filtrów produktów i widżetów
• Szybki podgląd produktu
• Nieskończony przewijanie produktu
• Wózek rozwijany
• Elastyczne opcje galerii produktów
• Kasa bez rozpraszania uwagi
• Opcje sortowania katalogu produktów, np. sortuj według popularności (sprzedaży) lub średniej oceny

Informacje o wydajności

• Wyniki na pulpicie
• Wyniki mobilne

cennik

Główny motyw Astry jest dostępny za darmo na WordPress.org. Darmowy motyw zawiera podstawową kompatybilność z WooCommerce, ale będziesz potrzebować dodatku premium, aby uzyskać dostęp do większości funkcji i opcji dostosowywania specyficznych dla WooCommerce.

Astra Pro kosztuje 59 USD do użytku w nieograniczonej liczbie witryn.

6. Woostify

Woostify to motyw WordPress, który w 100% koncentruje się na WooCommerce. Osobiście myślę o tym temacie jako „Astra, gdyby Astra była tylko dla sklepów WooCommerce”.

Ponieważ jest to tylko dla WooCommerce, programista może włożyć cały swój wysiłek w tworzenie witryn demonstracyjnych WooCommerce i dodawanie funkcji WooCommerce.

Kluczowe cechy

• Wstępnie zbudowane witryny demonstracyjne WooCommerce dla różnych nisz — witryny demonstracyjne używają Elementora do treści demonstracyjnych, co pozwala na łatwą personalizację
• Wbudowana integracja z popularnymi wtyczkami listy życzeń (Listy życzeń YITH i Lista życzeń TI)
• Wiele ustawień konfiguratora dla WooCommerce
• Wiele układów koszyka
• Obsługa galerii produktów wideo
• Liczniki odliczania sprzedaży, aby dodać pilności
• Powiadomienia o sprzedaży/wyświetleniu
• Wózek wysuwany

Informacje o wydajności

• Wyniki na pulpicie
• Wyniki mobilne

cennik

Główny motyw Woostify jest dostępny za darmo na WordPress.org. Zawiera podstawowe funkcje, a także kilka witryn demonstracyjnych.

Aby odblokować wszystkie witryny demonstracyjne i dodać więcej funkcji, możesz kupić Woostify Pro już od 49 USD do użytku w jednej witrynie.

7. Witryna sklepowa

Storefront to „oficjalny” darmowy motyw WooCommerce, który został pobrany ponad pięć milionów razy.

Ponieważ jest rozwijany i utrzymywany przez główny zespół WooCommerce, jest kodowany z myślą o najlepszych praktykach i głęboko integruje się z wieloma oficjalnymi rozszerzeniami WooCommerce.

Kluczowe cechy

• Pochodzi bezpośrednio od zespołu WooCommerce
• Stworzony specjalnie dla WooCommerce
• Dostosuj swój sklep za pomocą natywnego narzędzia WordPress Customizer
• Wiele motywów potomnych Storefront, które pozwolą Ci zmienić projekt i dostosować sklep do określonych nisz

Informacje o wydajności

• Wyniki na pulpicie
• Wyniki mobilne

cennik

Główny motyw Storefront jest bezpłatny.

Zespół WooCommerce oferuje następnie szereg darmowych i płatnych motywów i rozszerzeń podrzędnych.

Po pierwsze, pakiet rozszerzeń Storefront dodaje szereg nowych funkcji i opcji dostosowywania do Storefront za 69 USD.

Jeśli chodzi o motywy podrzędne Storefront, znajdziesz zarówno bezpłatne, jak i płatne opcje. Każdy z motywów potomnych premium kosztuje 39 USD.

8. GenerujPrasę

GeneratePress to popularny, lekki, wielofunkcyjny motyw o dobrej reputacji pod względem wydajności i czystości kodu.

Chociaż możesz go używać do tworzenia dowolnego typu witryny WordPress, zyskujesz również wiele funkcji specyficznych dla WooCommerce, zwłaszcza jeśli uaktualnisz do GeneratePress Premium (płatny dodatek wtyczki).

Kluczowe cechy

• Czysty, lekki kod
• Dedykowany dodatek WooCommerce w wersji premium – daje specjalne opcje układu i stylu dla WooCommerce
• Ikona koszyka w menu – wyświetlaj pozycje lub wartość koszyka
• Przyklejony koszyk – wyświetlaj przyklejony pasek powiadomień, gdy kupujący dodają przedmiot do swoich koszyków i/lub gdy przewijają w dół
• Łatwe włączanie/wyłączanie wyświetlania metadanych produktu za pomocą zaznaczenia pola
• Kasa bez rozpraszania uwagi

Informacje o wydajności

• Wyniki na pulpicie
• Wyniki mobilne

cennik

Główny motyw GeneratePress jest dostępny za darmo na WordPress.org. Darmowy motyw zawiera podstawową kompatybilność z WooCommerce, ale będziesz potrzebować dodatku premium, aby odblokować większość funkcji i opcji dostosowywania specyficznych dla WooCommerce.

GeneratePress Premium kosztuje 59 USD za rok wsparcia i aktualizacji lub 249 USD za dożywotnią pomoc i aktualizacje.

9. Sklep z orchideami

Podobnie jak Woostify, Orchid Store jest zbudowany specjalnie dla WooCommerce — nie jest to motyw uniwersalny, jak wiele innych opcji.

Oferuje strony demonstracyjne, które są nieco „bardziej zajęte” niż inne motywy. To nie krytyka, po prostu coś, co zauważyłem podczas przeglądania jego wersji demonstracyjnej.

Kluczowe cechy

• Stworzony specjalnie dla WooCommerce
• Trzy importowane witryny demonstracyjne eCommerce
• Ajax dodaj do koszyka
• Wbudowana obsługa listy życzeń
• Przełącznik walut (pro)
• Widżet oferty produktu (pro)

Informacje o wydajności

• Wyniki na pulpicie
• Wyniki mobilne

cennik

Orchid Store ma darmową wersję na WordPress.org, a także wtyczkę premium, która dodaje dodatkowe funkcje do głównego motywu i kosztuje 49 USD za korzystanie na jednej stronie.

10. Shoptimizer

W przeciwieństwie do wielu innych motywów z tej listy, które są motywami uniwersalnymi ze szczegółowymi integracjami WooCommerce, Shoptimizer to motyw WordPress w 100% poświęcony WooCommerce.

Ta pojedyncza koncentracja pozwala na wbudowanie bardziej zaawansowanych funkcji specyficznych dla WooCommerce niż oferują inne motywy.

Jednym z najbardziej godnych uwagi wyników jest zestaw funkcji ukierunkowanych na konwersję, takich jak liczniki czasu wyprzedaży i powiadomienia o pilnych stanach magazynowych, odznaki zaufania w kluczowych miejscach, dodatkowa przestrzeń na mikrokopie w celu wyjaśnienia zasad wysyłki i zwrotów oraz wiele innych.

Zawiera również kilka wbudowanych funkcji poprawiających komfort zakupów, takich jak wbudowane wyszukiwanie Ajax z natychmiastowymi wynikami.

Kluczowe cechy

• W 100% dedykowane WooCommerce
• Wbudowana minifikacja kodu dla lepszej wydajności
• Wbudowane funkcje optymalizacji konwersji, takie jak odznaki zaufania, mikrokopia itp.
• Kasa bez rozpraszania uwagi
• Przyklejone szczegóły produktu na zwoju
• FOMO dotyczące pojedynczego produktu w celu zwiększenia pilności, np. liczniki czasu wyprzedaży lub „tylko X pozycji pozostałych w magazynie”
• Funkcja „poproś o oddzwonienie”, która jest przydatna w przypadku produktów o wysokiej wartości
• Wyszukiwanie produktów Ajax w celu uzyskania natychmiastowych wyników wyszukiwania
• Używa Elementora do treści demonstracyjnych w celu łatwej personalizacji

Informacje o wydajności

• Wyniki na pulpicie
• Wyniki mobilne

cennik

Shoptimizer jest dostępny tylko w wersji premium. Jego cena katalogowa wynosi 99 USD, ale istnieje zasadniczo stała zniżka za 39 USD, więc powinieneś być w stanie ją kupić za 39 USD.

11. OceanWP

OceanWP to kolejny uniwersalny motyw znany ze swojej elastyczności i opcji dostosowywania.

Nie jest tak lekki jak niektóre z tych innych motywów, ale zapewnia mnóstwo funkcji specyficznych dla WooCommerce, co może sprawić, że niewielki kompromis w wydajności jest wart trafienia.

Kluczowe cechy

• Wiele importowanych witryn demonstracyjnych dla sklepów eCommerce
• Elastyczna ikona koszyka na zakupy
• Szybki podgląd produktu
• Kasa bez rozpraszania uwagi
• Wieloetapowa kasa z paskiem postępu
• Wózek wysuwany na komputer stacjonarny i mobilny
• Filtry produktów poza kanwą
• Pływający pasek dodawania do koszyka na przewijaniu

Informacje o wydajności

• Wyniki na pulpicie
• Wyniki mobilne

cennik

Podstawowa wersja OceanWP jest dostępna za darmo na WordPress.org, ale sklepy WooCommerce będą chciały, aby wersja premium odblokowała wszystkie funkcje i witryny demonstracyjne.

Wersja premium zaczyna się od 39 USD do użytku w jednej witrynie.

12. Divi

Divi to jeden z najpopularniejszych motywów premium WordPress, w dużej mierze dzięki dołączonemu kreatorowi przeciągania i upuszczania (divi Builder).

Jeśli zależy Ci wyłącznie na szybkości, Divi jest o krok za innymi motywami. Ale jeśli zależy Ci na szybkości i elastyczności, a mimo to planujesz użyć narzędzia do tworzenia stron, Divi w rzeczywistości nie jest tak daleko w tyle, jak mogłoby się wydawać na pierwszy rzut oka.

Pamiętaj, że Divi zawiera już „wagę” wizualnego konstruktora typu „przeciągnij i upuść”, podczas gdy inne motywy nie. Więc jeśli miałbyś, powiedzmy, dodać Elementora lub Brizy do innego z tych motywów, byłyby one znacznie bliższe Divi po dodaniu wagi tych konstruktorów. Oczywiście, jeśli nie planujesz używać wizualnego kreatora, to Divi nie ma tak naprawdę sensu.

Kluczowe cechy

• Wbudowany kreator „przeciągnij i upuść” (Divi Builder)
• Divi Builder obsługuje zarówno budowanie stron, jak i pełne budowanie motywów, w tym projektowanie szablonów sklepu WooCommerce za pomocą narzędzia do przeciągania i upuszczania
• Dedykowane moduły WooCommerce w kreatorze stron
• Duży rynek stron trzecich, w tym dodatki skoncentrowane na WooCommerce od zewnętrznych programistów

Informacje o wydajności

• Wyniki na pulpicie
• Wyniki mobilne

cennik

Divi jest dostępne tylko w ramach członkostwa Elegant Themes, które zapewnia dostęp do wszystkich produktów Elegant Themes i umożliwia korzystanie z nieograniczonej liczby witryn osobistych i klienckich za jedną cenę. Możesz zapłacić 89 USD za roczne członkostwo lub 249 USD za członkostwo na całe życie.

Jaki jest najszybszy motyw WooCommerce?

Pokazaliśmy Ci wiele danych dla poszczególnych motywów. Teraz zbierzmy wszystko razem, aby zobaczyć porównanie tych motywów.

Podejdę do tego na kilka różnych sposobów. Najpierw porozmawiajmy o najszybszych ogólnych motywach na urządzenia mobilne i komputery stacjonarne:

• Mobile : Botiga pojawił się jako pierwszy na czas pełnego załadowania.
• Komputer stacjonarny : Neve zajął pierwsze miejsce w przypadku pełnego załadowania, a Woostify był pierwszy w przypadku największej zawartości treści.

(Pamiętaj, że WebPageTest nie podawał czasów LCP na urządzeniach mobilnych.)

Oczywiście różnice między pierwszym a drugim miejscem są niewielkie (a nawet pierwsze i siódme). Aby zobaczyć porównanie wszystkich motywów, zebrałem kilka wykresów:

Mobilny (uporządkowany według czasu pełnego załadowania):

Komputer stacjonarny (zamówiony przez LCP):

Żądania HTTP i rozmiar strony (uporządkowane według żądań HTTP):

Dodatkowo, jeśli chcesz zobaczyć surowy zrzut wszystkich danych, możesz sprawdzić pełny arkusz tutaj.

Ogólne wnioski

To dużo danych! Gdybyśmy mieli sprowadzić to do kilku wniosków, biorąc pod uwagę zarówno wydajność komputerów stacjonarnych, jak i urządzeń mobilnych, najlepszymi graczami wydają się być:

• Sydney – zajęła drugie miejsce w wynikach mobilnych i drugie w desktopowym LCP.
• Neve – zajął pierwsze miejsce w wynikach na komputery stacjonarne i trzecie na urządzeniach mobilnych.
• Botiga – był pierwszy w wynikach mobilnych i szósty w desktopowym LCP.
• Woostify – był pierwszy w LCP na komputery stacjonarne, ale piąty pod względem czasu pełnego załadowania zarówno na komputery stacjonarne, jak i urządzenia mobilne.
• GeneratePress – miał najmniejszy rozmiar strony zarówno na komputerze stacjonarnym, jak i mobilnym. Zajmował również drugie miejsce w czasach ładowania komputerów stacjonarnych.

Jak już wspomniałem różnice między motywami nie są aż tak duże . Na przykład Astra była tylko około jednej dziesiątej sekundy za Neve pod względem czasu pełnego załadowania pulpitu, więc nie mówimy o dużych różnicach między rankingiem nr 1 a rankingiem nr 7.

Jeśli więc absolutnie podoba Ci się jeden z pozostałych motywów, nadal możesz utworzyć bardzo szybko ładującą się witrynę, nawet przy użyciu innego motywu.

Masz pytania dotyczące najszybszych motywów WooCommerce lub jak je przetestowaliśmy? Zapytaj nas w sekcji komentarzy!