12 prostych sposobów na przyspieszenie sklepu WooCommerce

Zarządzany hosting WooCommerce firmy Nexcess został zaprojektowany tak, aby Twój sklep e-commerce był błyskawiczny.

Przyspieszenie sklepu WooCommerce może pomóc w zapobieganiu porzucaniu klientów i utracie sprzedaży — niezależnie od tego, czy jesteś właścicielem sklepu na zarządzanym hostingu WooCommerce Nexcess, czy właścicielem sklepu WooCommerce, który nie jest jeszcze gotowy na specjalistyczny produkt.

Chociaż możesz pomyśleć, że poprawa doświadczenia użytkownika wiąże się z gromadzeniem większej liczby danych analitycznych użytkowników i włączeniem narzędzi takich jak personalizacja i czat na żywo, te narzędzia i analizy mogą w rzeczywistości spowolnić Twoją witrynę.

Zwiększenie szybkości Twojego sklepu może pozytywnie wpłynąć na Twoje SEO poprzez poprawę doświadczenia użytkownika. W rzeczywistości strona, której ładowanie trwa dłużej niż 3 sekundy, zostanie porzucona przez 40% kupujących. 2-sekundowe opóźnienie zwiększa współczynnik odrzuceń o 103%. A opóźnienie nawet 100 milisekund wpływa na współczynniki konwersji o 7%. Opóźnione ładowanie może bezpośrednio prowadzić do utraty przychodów, zwłaszcza w godzinach szczytu, takich jak Cyber ​​​​Poniedziałek i Czarny Piątek.

Niezależnie od tego, czy korzystasz z opcji hostingu współdzielonego, czy nie osiągnąłeś etapu, na którym potrzebujesz w pełni zarządzanej opcji, 12 potężnych zmian, które zamieszczamy poniżej, może pomóc zoptymalizować Twoją witrynę WooCommerce, przyspieszyć działanie sklepu i poprawić wydajność. Co najlepsze, wdrożenie tych zmian nie zajmie dużo czasu, wysiłku ani kosztów.

1. Sprawdź aktualną prędkość swojej witryny

Aby przyspieszyć działanie sklepu WooCommerce, musisz przetestować swoją obecną prędkość — i być może będziesz musiał kontynuować testowanie prędkości podczas wprowadzania zmian i optymalizacji witryny WooCommerce. Testując szybkość, możesz mieć pewność, że Twoje ulepszenia działają.

Jeśli potrzebujesz prostego podejścia do testowania szybkości strony internetowej, wypróbuj WebPageTest.

Google PageSpeed ​​Insights analizuje zawartość strony i oferuje sugestie, jak przyspieszyć działanie strony.

Obie te witryny oferują bardziej złożone dane i analizy. Google ma narzędzia PageSpeed, które obejmują protokoły i standardy, a także sprawdzone metody dotyczące wydajności, a WebPageTest zawiera narzędzie do rejestrowania wrażeń wizualnych użytkownika.

2. Upewnij się, że masz szybki motyw

Posiadanie imponującego wizualnie motywu WooCommerce z wieloma wbudowanymi funkcjami może wydawać się, że poprawi to wrażenia użytkownika. Jednak ładowanie tych funkcji zajmuje trochę czasu. Wybór najszybszego motywu WooCommerce dla Twojego sklepu może być stosunkowo prosty.

Zanim wybierzesz motyw, zastanów się nad wszystkimi funkcjami, które chcesz uwzględnić w swoim sklepie internetowym. Zapisz te cechy i oceń je zgodnie z potrzebą. To zadanie pomoże Ci postawić Cię w miejscu użytkownika, który przyjdzie do Twojego sklepu — i pomoże Ci uwzględnić tylko to, co jest niezbędne, aby Twój użytkownik odniósł sukces.

Upewnij się, że Twój motyw jest w pełni zgodny z WooCommerce — i że jest to motyw skonfigurowany pod kątem e-commerce.

Najszybsze motywy WooCommerce są często lekkimi motywami i używają narzędzia do tworzenia stron, aby pomóc Ci uwzględnić tylko funkcje potrzebne do przyspieszenia sklepu WooCommerce. Możesz nawet zacząć od darmowego motywu. Te najlepsze motywy WooCommerce mogą dla Ciebie działać.

3. Oceń swoje istniejące wtyczki, widżety i zasoby zewnętrzne

Czy istniejące wtyczki, widżety i zasoby zewnętrzne optymalizują Twoją witrynę, czy też spowalniają Twój sklep WooCommerce bez znaczącego zwiększania funkcjonalności, optymalizacji doświadczenia użytkownika i ostatecznie generowania przychodów?

Aby dowiedzieć się, jak przyspieszyć działanie witryny WooCommerce, spójrz na swoje wtyczki , widżety i zasoby zewnętrzne . Wtyczki mogą pomóc poprawić wydajność. Widżety i narzędzia do udostępniania mogą połączyć Twoją witrynę WooCommerce z mediami społecznościowymi. Zasoby zewnętrzne mogą sprawić, że Twoja witryna będzie wyglądać świetnie, ale czy poprawiają wygodę użytkowników?

Zasoby zewnętrzne, takie jak skrypty, arkusze stylów, czcionki, a nawet Google Analytics, mogą wydawać się pomocne w organizacji witryny, jednak nie zawsze można zoptymalizować wydajność tych zasobów zewnętrznych i mogą one spowalniać witrynę.

Aby przyspieszyć działanie sklepu WooCommerce, rozważ zastąpienie widżetów mediami społecznościowymi prostymi przyciskami udostępniania. Te przyciski udostępniania zapobiegają dodawaniu dodatkowych żądań HTTP i ograniczają wewnętrzną zależność od zapytań DNS.

Wtyczki mogą być pomocne w niektórych obszarach, ale mniej pomocne w innych. Rozważ wtyczki do kompresji obrazów, poprawy opcji realizacji transakcji i wysyłki, zmniejszenia porzucania koszyków i zwiększenia sprzedaży. Wtyczki mogą również wyczyścić bazę danych sklepu WooCommerce — a wtyczka może zautomatyzować ten proces. Oczyszczenie bazy danych może również zwiększyć szybkość witryny. Sprawdź wtyczkę WP-Optimize.

Wtyczki mogą również spowolnić działanie Twojej witryny WooCommerce. Instaluj tylko najważniejsze wtyczki i pamiętaj, aby sprawdzić szybkość swoich wtyczek.

4. Użyj fragmentów: świetny sposób na przyspieszenie sklepu WooCommerce

Fragmenty kodu są podstawą łatwych, zdroworozsądkowych modyfikacji WooCommerce. Dzięki wtyczce Snippets możesz łatwo pobierać i instalować fragmenty utworzone przez innych lub tworzyć własne. Istnieje wiele sposobów, w jakie fragmenty mogą przyspieszyć działanie sklepu WooCommerce, w tym dodanie funkcjonalności do sklepu lub wyłączenie nieużywanych zadań, obszarów lub widżetów.

W poniższych przykładach usunęliśmy lub wyłączyliśmy elementy, zamiast dodawać elementy poprawiające wydajność. Zrobiliśmy to, ponieważ te zadania wymagają wysiłku, a każde niepotrzebne działanie, które wykorzystuje zasoby zaplecza, może mieć wpływ na wydajność Twojego sklepu.

Zwróć uwagę, że każdy z naszych fragmentów w tym przykładzie jest otagowany. Oznaczanie fragmentów kodu ułatwia uporządkowanie wprowadzanych zmian, które mają wpływ na obszar administracyjny, WooCommerce, widżety lub pulpit nawigacyjny.

5. Sprawdź wtyczki Little Bizzy

Wtyczki stworzone przez Little Bizzy istnieją, aby zoptymalizować Twój sklep WooCommerce w malutki, znaczący sposób. Wyłączą fragmenty koszyka AJAX, aby pomóc w czasie ładowania, oraz wyłączą osadzanie wewnętrzne i zewnętrzne, aby przyspieszyć renderowanie strony. Ponownie, staramy się ograniczyć nadmiar, aby przyspieszyć Twój sklep WooCommerce.

6. Spójrz na WP Disable

Optimization.io oferuje WP Disable , opcję wtyczki, która zapewnia dużą elastyczność, a jednocześnie jest łatwa w użyciu. Zainstalowanie wtyczki dodaje do menu administratora plik Optimization.iolink, który przeniesie Cię bezpośrednio do obszaru modyfikacji.

Jednym z niesamowitych elementów WP Disable jest możliwość skupienia się na swoim sklepie WooCommerce, przy jednoczesnym wprowadzaniu ogólnych ulepszeń w innych obszarach witryny za pomocą kilku kliknięć. Porozmawiaj o prostym sposobie na przyspieszenie Twojego sklepu WooCommerce!

Spójrzmy na kilka przykładów na karcie Żądania , pod trafnie zatytułowaną sekcją Usuń nadmiar nadmiaru .

7. „Wyczyść” swój sklep

Kontrole wersji mogą spowolnić Twój sklep WooCommerce, jeśli dodasz rozszerzenia i utworzysz domyślną kontrolę wersji na stronach produktów.

Rozszerzenia mogą pomóc, ale rozważ ocenę skuteczności rozszerzeń, aby upewnić się, że są one trafne i niezbędne. Możesz przyspieszyć działanie witryny WooCommerce, zastępując niektóre rozszerzenia równoważnym kodem. Zastąpienie rozszerzeń równoważnym kodem może również zwiększyć wydajność.

Kontrole wersji w witrynach WooCommerce to dobre miejsce na rozpoczęcie. Kontrole wersji umożliwiają cofanie się i przeglądanie zmian na stronach produktów. Chociaż weryfikacja wersji może być świetna, jeśli wprowadzasz tylko drobne zmiany, takie jak zmiana jednego lub dwóch słów, te poprawione kopie oryginalnej strony produktu sumują się i spowalniają wydajność WooCommerce. Rozważ wyłączenie lub ograniczenie liczby poprawek.

8. Wyłącz niepotrzebne elementy

Emoji

Emoji mogą być świetną zabawą, ale mogą spowolnić działanie Twojej witryny WooCommerce. O ile nie chcesz, aby były dostępne emoji, są one niepotrzebne i można je usunąć jako opcję, klikając suwak Wyłącz emotikony.

Ciągi zapytań

Jeśli kiedykolwiek uruchamiałeś test wydajności GTMetrix lub Pingdom w swoim sklepie, być może widziałeś sugestię „usuń ciągi zapytań z zasobów statycznych”. Dzieje się tak, ponieważ niektóre serwery i serwery proxy nie są w stanie buforować ciągów zapytań, a ich usunięcie może przyspieszyć Twój sklep WooCommerce.

9. Hostuj reklamy i produkty stowarzyszone

W przypadku reklam rozważ skorzystanie z jednej sieci — lub samodzielne hostowanie obrazów. Jeśli samodzielnie przechowujesz obrazy, masz kontrolę nad umieszczaniem reklam, możesz je zoptymalizować i ograniczyć liczbę zapytań DNS.

10. Kompresuj swoje obrazy

Obrazy mogą być kluczową częścią witryny e-commerce, ale obrazy mogą znacznie spowolnić witrynę.

Obrazy to miejsce, w którym wtyczki mogą pomóc, jednak unikaj wtyczek do kompresji obrazu, kiedy możesz. WordPress oferuje link do wtyczki, która kompresuje pliki JPG i PNG, a za pomocą jednego klucza API możesz uzyskać do 100 bezpłatnych kompresji obrazów miesięcznie.

Rozważ skompresowanie obrazów przed przesłaniem ich do witryny. Używaj formatu JPG do zdjęć i obrazów o wysokiej rozdzielczości, w których potrzebujesz dużej ilości szczegółów. Użyj PNG dla ikon, logo, ilustracji i przezroczystych obrazów — w zasadzie większość obrazów, które nie są lub nie muszą być plikami JPG.

GIF-y działają dobrze w przypadku animacji. Podczas gdy pliki GIF mogą być używane do małych obrazów, pliki PNG zwykle działają lepiej.

11. Użyj wstępnego pobierania DNS

Wstępne pobieranie DNS to opcja, która umożliwia witrynie wstępne rozpoznawanie domen w celu skrócenia czasu ładowania. Włączając DNS Prefetch, podasz listę domen, które często łączysz lub do których przekierowujesz. Po rozwiązaniu tych domen opóźnienia w ich ponownym rozwiązaniu są eliminowane.

12. Wybierz opcje platformy, które przyspieszą Twój sklep WooCommerce

Wszystkie omówione przed chwilą ulepszenia mogą przyspieszyć Twój sklep WooCommerce, ale co z samym WooCommerce?

Jest mało prawdopodobne, że potrzebujesz CSS lub skryptów WooCommerce do uruchamiania na stronach, które nie zawierają elementów WooCommerce. Po raz kolejny możemy wyłączyć coś niepotrzebnego i znacznie zyskać na wydajności, ponieważ Twój backend nie musi pracować, aby załadować niepotrzebne rzeczy.

Ta sama koncepcja dotyczy recenzji i fragmentów koszyka . W przypadku każdego elementu wystarczy kliknąć suwak, a następnie zapisać zmiany.

Twój sklep może nie być hostowany na platformie Managed WooCommerce Hosting, ale to nie znaczy, że nie możesz korzystać z niektórych opcji, z których korzystamy na co dzień. Od fragmentów kodu po wtyczki, wierzymy, że te wypróbowane i prawdziwe metody mogą przyspieszyć Twój sklep WooCommerce.

Zajmiemy się tym za Ciebie!

Kiedy będziesz gotowy, abyśmy zajęli się tymi rzeczami za Ciebie, sprawdź Managed WooCommerce Hosting firmy Nexcess.

Ten blog został pierwotnie opublikowany w marcu 2018 r. Od tego czasu został zaktualizowany pod kątem dokładności i kompleksowości.

powiązana zawartość

• Przewodnik po klasach, strefach i metodach wysyłki WooCommerce
• Elementy udanej strony głównej e-commerce
• 7 sposobów, aby wyprzedzić porzucenie koszyka
• Jak stworzyć strategię dostrajania wydajności WordPress