Przejrzane przez Znalazłeś narzędzie do tworzenia list życzeń, które robi wszystko, czego chcesz. Zainstalowałeś je. Wtedy Twoje strony produktów wydawały się nieco cięższe niż wcześniej. Ten moment sprawia, że właściciele sklepów szukają najlżejszego pluginu WooCommerce Wishlist, jaki mogą znaleźć.
To przeczucie jest zazwyczaj słuszne. Plugin wishlist ładuje własne skrypty i style oprócz tego, co już serwuje WooCommerce. Niektóre dodają znacznie więcej wagi niż inne.
Problem polega na tym, że prawie każdy plugin nazywa siebie „lekkim”. Bardzo niewiele osób popiera to liczbami. Dlatego chciałem prawdziwych liczb i zmierzyliśmy pięć popularnych pluginów wishlist w identycznym sklepie. Użyliśmy Google Lighthouse, zarejestrowaliśmy, co każdy z nich dodał do strony produktu, i utrzymaliśmy powtarzalność.
Ten artykuł omawia, co zmierzyliśmy i jak. Obejmuje również, co wyniki oznaczają przy wyborze pluginu dla rzeczywistego sklepu.
W tym przewodniku
- Dlaczego waga pluginu wishlist spowalnia Twój sklep
- Jak przeprowadziliśmy test szybkości pluginu WooCommerce Wishlist
- Wyniki testu szybkości wtyczki WooCommerce Wishlist
- SaveTo Wishlist vs YITH WooCommerce Wishlist
- Dlaczego Lighthouse i GTmetrix pokazują różne liczby
- Co test prędkości oznacza dla Twojego sklepu
- Często zadawane pytania
Dlaczego waga pluginu wishlist spowalnia Twój sklep
Każdy kilobajt dodany przez wtyczkę to kilobajt, który przeglądarka musi pobrać, przeanalizować i uruchomić. Wszystko to dzieje się, zanim strona będzie gotowa. Na stronie produktu ten ciężar pojawia się w najgorszym momencie. Uderza właśnie wtedy, gdy próbujesz zamienić wizytę w sprzedaż.
Dane dotyczące konwersji to potwierdzają. Według badań Portent nad szybkością stron, strona ładowana przez sekundę konwertuje 2,5 raza lepiej niż strona ładowana przez pięć sekund. Badanie zostało zaktualizowane w kwietniu 2022 r. Szybkość i przychody idą w parze, a pierwsze kilka sekund ma największe znaczenie.
Google wyznacza jasny cel. Według wytycznych Google dotyczących Core Web Vitals, strona powinna osiągnąć Largest Contentful Paint w ciągu 2,5 sekundy lub krócej. Google mierzy to w 75. percentylu rzeczywistego ładowania stron. Dodatkowy skrypt z ciężkiej wtyczki przesuwa tę liczbę w złym kierunku.
Stawka jest wysoka, zanim cokolwiek dodasz. Według Baymard Institute, średni udokumentowany wskaźnik porzucania koszyków w sklepach internetowych wynosi 70,22%, na podstawie 50 oddzielnych badań. Powolna strona produktu daje niezdecydowanemu kupującemu kolejny powód do odejścia. Dlatego warto sprawdzić wagę małego przycisku listy życzeń.
🔍️ Często widzimy jedno: właściciel sklepu instaluje trzy lub cztery „małe” wtyczki funkcyjne. Każda z nich dodaje trochę skryptów, a waga strony produktu cicho się podwaja. Żadna pojedyncza wtyczka nie wygląda na winowajcę, więc spowolnienie nigdy nie zostaje wykryte.
Jak przeprowadziliśmy test szybkości pluginu WooCommerce Wishlist
Zmierzyliśmy każdą wtyczkę w tym samym czystym sklepie, pojedynczo, używając Google Lighthouse. Celem było uczciwe porównanie „jeden do jednego”, w którym jedyną zmieniającą się rzeczą była sama wtyczka listy życzeń. Oto jak dokładnie zbudowano i przeprowadzono test, abyś mógł ocenić liczby i je powtórzyć.
Budowanie sklepu testowego
Uruchomiliśmy nowy, tymczasowy piaskownicę WordPress na InstaWP, używając standardowego szablonu WooCommerce. Sklep działał z motywem Storefront 4.6.2 z aktywnym WooCommerce 10.7.0 i niczym więcej. Wszystkie inne wtyczki, które były dostarczane z szablonem, zostały dezaktywowane i nietknięte przez cały czas testu.
Celowo wyłączyliśmy buforowanie stron. Buforowanie ukryłoby koszt zasobów każdej wtyczki na wizytę. Cały cel polegał na tym, aby jasno zobaczyć ten koszt. Następnie wybraliśmy jedną stronę produktu jako stały adres URL testu. Każdy pomiar dotyczył tej samej strony w tych samych warunkach.
Pomiar za pomocą Google Lighthouse
Użyliśmy Lighthouse w wersji 12, tego samego silnika audytu, który zasila Google PageSpeed Insights. Uruchomienie go lokalnie dało nam ten sam silnik bez limitów. Ma to znaczenie, gdy wykonujesz dziesiątki audytów z rzędu. Zmierzyliśmy każdą konfigurację trzykrotnie na urządzeniach mobilnych i trzykrotnie na komputerach stacjonarnych. Następnie wzięliśmy medianę z każdego zestawu. W ten sposób pojedynczy, niepewny wynik nie mógł zniekształcić rezultatu.
Dla każdego uruchomienia Lighthouse rejestrował całkowity rozmiar transferu, liczbę żądań i ładunek JavaScript. Wszystko to pochodziło z audytu żądań sieciowych. Te dane dotyczące transferu i żądań były bardzo stabilne z uruchomienia na uruchomienie. Dlatego właśnie na nich się opieramy, a nie na pojedynczym wyniku wydajności.
Cykl instalacji, pomiaru, usunięcia
Zaczęliśmy od pomiaru bazowego sklepu działającego tylko z WooCommerce, bez wtyczki listy życzeń. Ten punkt bazowy jest punktem odniesienia, z którym porównywany jest każdy wtyczka. Dla każdej wtyczki wykonaliśmy ten sam cykl:
- Potwierdziliśmy, że żadna wtyczka listy życzeń nie była aktywna, więc sklep powrócił do stanu bazowego.
- Zainstalowaliśmy i aktywowaliśmy wtyczkę z oficjalnego katalogu WordPress.org z domyślnymi ustawieniami.
- Pozwoliliśmy WordPressowi zarejestrować haki i zasoby wtyczki, a następnie przeprowadziliśmy trzy audyty mobilne i trzy audyty na komputerach stacjonarnych.
- Dezaktywowaliśmy wtyczkę, całkowicie usunęliśmy jej pliki i potwierdziliśmy czysty stan przed następną.
Celowe usuwanie każdej wtyczki między rundami miało znaczenie. Oznacza to, że żadne pozostałe skrypty ani wpisy w bazie danych z jednej wtyczki nie mogły zanieczyścić kolejnego odczytu. Testowaliśmy darmową wersję każdej wtyczki z domyślnymi ustawieniami, bez dodatkowych funkcji.
Co ten test pokazuje, a czego nie
Rozmiar transferu, liczba żądań i ładunek JavaScript są dokładne co do bajta, ponieważ nie zależą od procesora hosta. To są liczby, za którymi stoimy. Celowo nie zaczynamy od wyników wydajności Lighthouse. Współdzielony host sandbox powodował wahania między uruchomieniami, które mówią więcej o ruchu sąsiada niż o jakiejkolwiek wtyczce.
Warto podać kilka uczciwych ograniczeń. Testowaliśmy z motywem Storefront 4.6.2, więc inny motyw mógłby zmienić wyniki. Testowaliśmy tylko darmowe wersje, a płatne pakiety mogą dodawać więcej zasobów. Ponadto wyłączyliśmy buforowanie, więc buforowany sklep produkcyjny zobaczy mniejsze różnice na wizytę. Waga, którą dodaje każda wtyczka, jest rzeczywista. Jednak udział, jaki stanowi ona w całkowitej wadze Twojej strony, zależy od Twojego motywu, obrazów i innych wtyczek.
Wyniki testu szybkości wtyczki WooCommerce Wishlist
SaveTo Wishlist była najlżejszą wtyczką WooCommerce do list życzeń spośród pięciu, które testowaliśmy. Poniższa tabela pokazuje, co każda wtyczka dodała do bazowej strony produktu. Jest posortowana od najlżejszej do najcięższej, używając mediany z trzech mobilnych uruchomień Lighthouse.
| Wtyczka (darmowa wersja) | Dodana waga strony | Dodane żądania | Dodany JavaScript |
|---|---|---|---|
| SaveTo Wishlist | 11,4 KB | 2 | 6,9 KB |
| TI WooCommerce Wishlist | 17,7 KB | 4 | 6,1 KB |
| WPC Smart Wishlist dla WooCommerce | 18,3 KB | 7 | 11,2 KB |
| MoreConvert Wishlist for WooCommerce | 25,1 KB | 2 | 0 KB |
| YITH WooCommerce Wishlist | 343,9 KB | 22 | 312,2 KB |
Zmierzona waga dodana do strony produktu WooCommerce w porównaniu do bazowej strony tylko z WooCommerce o wadze 155,5 KB, 35 żądań i 87,5 KB JavaScript. Mediana z trzech mobilnych uruchomień Lighthouse.
Kilka rzeczy wyróżniało się, gdy zestawiliśmy wyniki. SaveTo Wishlist dodał 11,4 KB i tylko 2 żądania sieciowe, najmniejszy ślad w grupie. TI WooCommerce Wishlist i WPC Smart Wishlist for WooCommerce były blisko siebie pod względem całkowitej wagi. Jednak WPC Smart Wishlist for WooCommerce potrzebował 7 żądań, najwięcej wśród lżejszych wtyczek.
MoreConvert Wishlist for WooCommerce był interesującym przypadkiem. Dodał 25,1 KB, ale zero JavaScript, więc jego waga pochodziła prawie w całości ze stylów i obrazów. Następnie był YITH WooCommerce Wishlist, który dodał 343,9 KB w 22 żądaniach. Dla kontrastu, znajdował się w swojej własnej kategorii.
SaveTo Wishlist vs YITH WooCommerce Wishlist
Różnica między najlżejszą a najcięższą wtyczką była na tyle duża, że zmieniła sposób ładowania strony. SaveTo Wishlist dodał 11,4 KB do strony, podczas gdy YITH WooCommerce Wishlist dodał 343,9 KB. To około 30 razy więcej dodanej wagi strony z jednej wtyczki niż z drugiej. Zliczyliśmy każdy rodzaj zasobu, jaki każda wtyczka dodaje do strony.
Spójrzmy tylko na JavaScript, część, którą każda wtyczka faktycznie wysyła, a różnica się powiększa. SaveTo Wishlist dodał 6,9 KB skryptu, w porównaniu do 312,2 KB dla YITH WooCommerce Wishlist. To około 45 razy więcej. Te 312 KB JavaScript to pojedynczy największy czynnik wpływający na wagę strony. JavaScript jest najdroższym rodzajem wagi. Przeglądarka musi go pobrać, a następnie uruchomić.
Liczba żądań opowiada tę samą historię z innej perspektywy. SaveTo Wishlist dodał 2 żądania sieciowe; YITH WooCommerce Wishlist dodał 22. Każde żądanie to osobna podróż w obie strony, którą musi wykonać przeglądarka. W przypadku połączenia mobilnego te podróże szybko się sumują. Widzieliśmy to na własne oczy. Kiedy aktywowaliśmy YITH WooCommerce Wishlist z domyślnymi ustawieniami, pobrał długą listę skryptów i stylów. Wszystko zanim strona wyświetliła cokolwiek nowego dla klienta.
Właściciele sklepów często pytają nas, czy cięższa wtyczka wishlist jest „warta zachodu” ze względu na dodatkowe funkcje. Nasza odpowiedź brzmi: sprawdź, czego faktycznie używasz. Jeśli większość tych funkcji jest wyłączona, płacisz pełną wagę za ułamek wartości.
Rozważasz odejście od cięższej opcji? Nasz przewodnik na temat tego, dlaczego sklepy przechodzą z YITH Wishlist na lekkie alternatywy, omawia, czego szukać.
Dlaczego Google Lighthouse i GTmetrix pokazują różne liczby
Uruchom te same wtyczki przez dwa narzędzia audytowe, a liczby rzadko zgadzają się co do dziesiętnego. To normalne. Nasze wcześniejsze testy GTmetrix wykazały, że SaveTo Wishlist jest około 124 razy lżejszy niż YITH WooCommerce Wishlist. Ten test Lighthouse plasuje się w tym samym obszarze. Oba wskazują na jeden wniosek: SaveTo Wishlist jest znacznie lżejszy.
W rzeczywistości oba testy wykorzystywały tę samą metodę. Oba działają na silniku Lighthouse, na którym zbudowany jest GTmetrix. Oba zgadzają się niemal dokładnie co do YITH WooCommerce Wishlist, dodając około 312 KB JavaScriptu w obu przypadkach. Różnią się w przypadku SaveTo Wishlist, gdzie GTmetrix dodaje 2,5 KB JavaScriptu, a ten test około 6,9 KB. Ta jedna różnica jest powodem, dla którego GTmetrix pokazuje 124 razy, a ten test około 45 razy więcej JavaScriptu.
Najbardziej prawdopodobną przyczyną jest niewielka aktualizacja SaveTo Wishlist między datami obu testów. Oba testy zostały również przeprowadzone na oddzielnych sklepach, skonfigurowanych w różnych terminach. Różne wersje WooCommerce i WordPress, a nawet inny przykładowy produkt, zmieniają punkt wyjścia strony. To przesuwa to, co każdy test rejestruje jako dodany ciężar.
Pliki skryptów, które każdy test uwzględnił, również mogą wpłynąć na liczbę. Uwzględniając każdy zasób, nie tylko JavaScript, ten test plasuje ogólną różnicę w pobliżu 30 razy. Niezależnie od tego, którą liczbę użyjesz, różnica pozostaje duża.
Dwa niezależne testy dochodzące do tego samego wniosku to dokładnie to, czego chcesz. SaveTo Wishlist pozostaje znacznie lżejszy niż YITH WooCommerce Wishlist w obu przypadkach.
Chcesz dowiedzieć się więcej o wynikach naszych testów prędkości GTMetrix? Kliknij poniższe linki!
Co test prędkości oznacza dla Twojego sklepu
Praktyczny wniosek jest taki, że funkcje listy życzeń nie muszą wpływać na szybkość ładowania strony. Wtyczka może oferować wiele list życzeń, wsparcie dla list życzeń gości z łączeniem kont gości i użytkowników, a także udostępnianie, dodając zaledwie kilka kilobajtów. Krótko mówiąc, waga jest wyborem projektowym, a nie stałą ceną funkcji.
Należy jednak interpretować te liczby w kontekście własnego sklepu. Jeśli używasz pełnego buforowania strony za pośrednictwem hostingu lub CDN, powracający odwiedzający odczuwają mniejszy ciężar każdej wtyczki. Zasoby są buforowane na brzegu sieci. Niemniej jednak pierwsza wizyta bez buforowania ponosi pełny koszt. To pierwsze wrażenie często decyduje o tym, czy ktoś zostanie.
Twój motyw i obrazy również mają znaczenie. Na stronie produktu z dużą ilością multimediów wtyczka o rozmiarze 25 KB stanowi mniejszą część niż na stronie o zoptymalizowanej zawartości. Bezwzględna waga dodawana przez każdą wtyczkę jest przenośną liczbą do porównania. Dlatego podajemy ją bezpośrednio, a nie jako procent. Chcesz zamienić zaoszczędzoną wagę w wiedzę? Nasz poradnik na temat wykorzystania danych z list życzeń do odczytania intencji klienta pokazuje, co lekka lista życzeń nadal może wychwycić.
SaveTo Wishlist została zbudowana tak, aby jej rozmiar był niewielki, co odzwierciedla test. Pełny zestaw funkcji można zobaczyć na stronie wtyczki SaveTo Wishlist i wybrać to, czego potrzebuje Twój sklep.
Często zadawane pytania
Który jest najlżejszym pluginem WooCommerce Wishlist?
W naszym teście pięciu pluginów, SaveTo Wishlist okazał się najlżejszym pluginem WooCommerce Wishlist. Dodał 11,4 KB i tylko 2 żądania sieciowe na pojedynczej stronie produktu. Miał również najmniejszy ładunek JavaScript, wynoszący 6,9 KB. Pozostałe wahały się od 17,7 KB do 343,9 KB dodanej wagi.
Jak bardzo plugin wishlist spowalnia stronę?
To zależy całkowicie od pluginu. Lekka opcja może dodać kilka kilobajtów i kilka żądań, czego większość kupujących nigdy nie zauważa. Cięższy plugin może dodać kilkaset kilobajtów JavaScript. Przeglądarka musi pobrać i uruchomić wszystko, zanim strona się załaduje. Wagę można kontrolować, wybierając ostrożnie.
Dlaczego Lighthouse i GTmetrix raportują różne rozmiary?
Głównie się zgadzają. Oba używały tej samej metody czystego sklepu, a GTmetrix działa na silniku Lighthouse. W przypadku YITH WooCommerce Wishlist dopasowały się prawie idealnie, blisko 312 KB dodanego JavaScript. Różniły się w przypadku SaveTo Wishlist, prawdopodobnie z powodu aktualizacji pluginu między datami testów. Tak czy inaczej, SaveTo Wishlist okazał się znacznie lżejszy.
Czy cachowanie niweluje ciężki plugin wishlist?
Buforowanie pomaga, ale nie eliminuje kosztu. Pełne buforowanie strony i CDN mogą serwować zasoby wtyczki z brzegu sieci dla powracających odwiedzających. To zmniejsza wagę na wizytę. Niemniej jednak pierwsza wizyta bez buforowania pobiera wszystko. Cięższa wtyczka oznacza również więcej JavaScriptu do wykonania, nawet z pamięci podręcznej.
Czy mogę samodzielnie przeprowadzić ten test szybkości pluginu WooCommerce Wishlist?
Tak. Skonfiguruj czysty sklep WordPress z aktywnym tylko WooCommerce i wyłącz cachowanie. Wybierz jedną stronę produktu jako stały adres URL. Uruchom Lighthouse trzy razy przed zainstalowaniem czegokolwiek, aby uzyskać punkt odniesienia. Następnie zainstaluj jeden plugin, uruchom go trzy razy i porównaj wyniki. Usuń plugin przed przetestowaniem następnego.
Podsumowanie dotyczące szybkości wtyczki WooCommerce Wishlist
Wtyczka listy życzeń powinna dodawać funkcję do Twojego sklepu, a nie obciążać każdorazowe ładowanie strony. Nasz test wykazał, że najlżejsza opcja dodała ułamek wagi najcięższej. Nadal spełniała oczekiwania kupującego. Kiedy różnica jest mierzona w setkach kilobajtów, lżejszy wybór jest bezpieczniejszy.
Oto jak możesz to wykorzystać we własnym sklepie:
- Traktuj wagę wtyczki jako decyzję dotyczącą szybkości, ponieważ wpływa ona na Twoje strony o najwyższej intencji.
- Testuj na czystym sklepie z wyłączoną pamięcią podręczną, aby zobaczyć rzeczywisty koszt każdej wtyczki.
- Porównaj wagę strony i dodane żądania, a nie tylko listę funkcji.
- Analizuj wyniki z wielu narzędzi pod kątem ich kierunku, a nie tylko jednej dokładnej wartości.
- Wybierz najlżejszą wtyczkę, która spełnia Twoje potrzeby, a następnie nałóż na nią warstwę pamięci podręcznej.
Jeśli chcesz wtyczki WooCommerce Wishlist, która utrzymuje szybkość stron, zobacz, jak zbudowana jest SaveTo Wishlist. Wypróbuj ją, pobierając darmowe narzędzie. Następnie, gdy będziesz gotowy na bardziej zaawansowane funkcje, takie jak analityka i automatyzacja, sprawdź poziom Pro. Zobacz, który plan pasuje do Twojego sklepu na stronie cenowej SaveTo Wishlist.
