Wolno działające sklepy WooCommerce mogą kosztować Cię pieniądze na wiele różnych sposobów, od wzrostu liczby porzuconych koszyków po utratę lojalności klientów. Według Unbounce, prawie 70% konsumentów twierdzi, że szybkość strony wpływa na ich chęć zakupu w sklepie internetowym. Problem polega na tym, że szybkość zależy od wielu czynników, a jej poprawa może wymagać dużo czasu i wysiłku.
Według Portent, współczynniki konwersji na stronie internetowej spadają średnio o 4,42% z każdą sekundą ładowania strony w przedziale od 0 do 5 sekund, przy czym strony z czasem ładowania od 0 do 2 sekund mają najwyższe współczynniki konwersji w e-commerce.
Jeśli szybkość ładowania Twojej witryny przekracza 2-3 sekundy, ten artykuł jest tym, czego potrzebujesz. Znajdziesz tu kilka sprawdzonych wskazówek dotyczących pomiaru i poprawy wydajności witryny e-commerce.
Dlaczego szybkość ma znaczenie?
Szybkość witryny jest kluczowym elementem sukcesu każdego przedsięwzięcia online, w tym sklepów WooCommerce, z kilku powodów:
Doświadczenie użytkownika:
Użytkownicy Internetu mają zazwyczaj krótki czas koncentracji. Wolne czasy ładowania mogą spowodować, że odwiedzający opuszczą Twoją witrynę, zanim się ona w pełni załaduje. Szybka witryna, wręcz przeciwnie, ułatwia nawigację, zachęcając użytkowników do przeglądania większej liczby stron i dłuższego pozostania.
SEO i ranking:
Szybkość strony jest jednym z najważniejszych czynników rankingowych dla Google. Metryki takie jak Largest Contentful Paint (LCP), First Input Delay (FID) i Cumulative Layout Shift (CLS) są częścią czynników rankingowych Google. Szybsze witryny mają większe szanse na wyższe pozycje w wyszukiwarkach. Wraz ze wzrostem wyszukiwań mobilnych, szybkość strony mobilnej również znacząco wpływa na SEO.
Efektywność kosztowa:
Zoptymalizowane, szybsze witryny zazwyczaj zużywają mniej przepustowości i mogą skutkować niższymi kosztami hostingu. Szybsze witryny wymagają również mniej czasu i wysiłku na utrzymanie.
Użytkownicy mobilni:
Wraz z rosnącą liczbą użytkowników uzyskujących dostęp do witryn za pośrednictwem urządzeń mobilnych, gdzie prędkości połączenia mogą być wolniejsze, zoptymalizowana szybkość witryny staje się jeszcze bardziej kluczowa. Wolne ładowanie może być jeszcze bardziej problematyczne na urządzeniach mobilnych i prowadzić do wyższych współczynników odrzuceń.
Zasięg globalny:
Użytkownicy z różnych regionów o różnej prędkości Internetu mogą mieć spójne doświadczenia, jeśli Twoja witryna jest zoptymalizowana pod kątem szybkości. Szybsze witryny są korzystne, jeśli celujesz w globalną publiczność i używasz sieci dostarczania treści (CDN) do serwowania zlokalizowanych treści.
Jak ocenić obecną szybkość sklepu?
Przed rozpoczęciem procesu ulepszania musisz określić, w jakim miejscu się znajdujesz, poznać obecną szybkość sklepu i dowiedzieć się, jakie problemy mogą spowalniać Twoją witrynę. Oto kilka metod i narzędzi, których możesz użyć do oceny szybkości swojej witryny WooCommerce:
Narzędzia do bezpośredniego testowania
Narzędzia te bezpośrednio testują wydajność Twojej witryny, ładując ją z różnych lokalizacji na całym świecie, symulując różne urządzenia i prędkości połączenia:
- Google PageSpeed Insights: Zapewnia wgląd w szybkość zarówno na urządzeniach mobilnych, jak i stacjonarnych. Daje również sugestie dotyczące optymalizacji WooCommerce.
- GTmetrix: Przeprowadza szczegółową analizę, w tym wykres wodospadowy, rekomendacje i różne oceny.
- WebPageTest: Dostarcza szczegółowych informacji, takich jak indeks prędkości, czas do pierwszego bajtu i inne.
Narzędzia deweloperskie przeglądarki
Te rozwiązania, wbudowane w nowoczesne przeglądarki, pozwalają programistom na inspekcję, debugowanie i profilowanie witryn internetowych:
- Chrome DevTools: Użyj zakładek Sieć i Wydajność, aby przeanalizować szybkość witryny.
- Firefox Developer Tools: Narzędzia te pozwalają programistom na inspekcję, debugowanie i profilowanie stron internetowych, pomagając im zrozumieć zachowanie i strukturę witryn.
Narzędzia po stronie serwera
Narzędzia te mogą pomóc zidentyfikować problemy po stronie serwera, które mogą nie być widoczne w narzędziach do testowania frontendu:
- New Relic: Zapewnia dogłębną analizę wydajności serwera, dobrą do wykrywania wąskich gardeł w backendzie.
- Analiza logów: Analizuj logi serwera, aby wykryć problemy.
Sprawdzanie oparte na wtyczkach
Wtyczki mogą oferować wygodny i potężny sposób monitorowania różnych aspektów wydajności Twojego sklepu WooCommerce bezpośrednio z panelu administracyjnego WordPress. Oto kilka popularnych podejść opartych na wtyczkach:
- Query Monitor: Wtyczka WordPress do sprawdzania, które zapytania spowalniają Twoją witrynę.
- WP Debugging: Włącza funkcje debugowania WordPress do sprawdzania problemów.
Monitorowanie rzeczywistych użytkowników
Monitorowanie rzeczywistych użytkowników (RUM) to podejście do monitorowania wydajności, które przechwytuje i analizuje każdą transakcję dokonywaną przez użytkowników witryny lub aplikacji. W przeciwieństwie do metod monitorowania syntetycznego, które symulują zachowanie użytkownika, RUM zbiera dane z rzeczywistych interakcji użytkowników z Twoją witryną.
Zazwyczaj dodajesz mały fragment kodu JavaScript do swojej witryny, który zbiera i wysyła dane o wydajności na serwer do analizy. Tak działa większość narzędzi RUM, chociaż szczegóły implementacji mogą się różnić. Wśród przydatnych narzędzi do RUM są New Relic Browser, Boomerang, Akamai mPulse i inne.
14 sposobów na przyspieszenie sklepu WooCommerce
Teraz, gdy znasz obecną szybkość ładowania i wiesz, jakie są problemy, możesz zbudować strategię optymalizacji. Pamiętaj, że prawdopodobnie będziesz musiał naprawić kilka aspektów witryny, aby osiągnąć doskonałą szybkość sklepu WooCommerce. Będziesz także musiał od czasu do czasu monitorować szybkość, ponieważ może ona z czasem spaść. Oto kilka porad, jak możesz zwiększyć wydajność swojej witryny:
Znajdź niezawodny hosting
Podczas gdy niewłaściwa opcja może skutkować niezadowolonymi klientami i utratą biznesu, idealny hosting internetowy dla WooCommerce może zagwarantować bezbłędne działanie, szybkie czasy ładowania i stałą dostępność.
Każdy typ hostingu może być oferowany w ramach różnych planów z różnymi cenami. Dlatego, szukając dostawcy hostingu w swoim przedziale cenowym, weź pod uwagę takie funkcje, jak buforowanie po stronie serwera, odpowiednią przepustowość i pamięć RAM dla potrzeb Twojej witryny, wysokowydajną pamięć masową SSD oraz zaktualizowane oprogramowanie, takie jak PHP i MySQL.
Jeśli masz plan hostingu współdzielonego, oznacza to, że setki witryn korzystają z tego samego serwera i jego zasobów. Wybierz hosta, który ogranicza liczbę witryn dozwolonych na każdym serwerze, lub pomyśl o przejściu na plan VPS lub dedykowany.
Zoptymalizuj ustawienia wydajności
Najpierw zmień adres URL swojej strony logowania. Adres URL logowania jest zwykle domyślny i znany wszystkim, w tym hakerom, co sprawia, że witryny są podatne na ataki.
Możesz uniknąć ataków brute force ze strony złośliwych aktorów, zmieniając adres URL logowania na coś charakterystycznego. Możesz go również użyć do zapobiegania problemom z ograniczaniem szybkości żądań HTTP.
Jeśli Twoja witryna e-commerce ma również bloga, ogranicz liczbę wpisów, które pojawiają się w Twoim kanale bloga. Jeśli prowadzisz popularnego bloga, oszczędności na wydajności się sumują. Te zmiany można wprowadzić w ustawieniach czytania w panelu WordPress.
Zrzut ekranu wykonany na oficjalnej stronie WordPress
Następnie wyłącz pingbacki na swojej stronie. Zazwyczaj generują one spam. WordPress daje również możliwość dzielenia dużych komentarzy użytkowników na mniejsze części, jeśli masz dużo komentarzy od użytkowników pod swoimi artykułami lub stronami. Aby skrócić czas ładowania strony produktu, utrzymuj tę wartość między 10 a 20.
Rozważ ponownie użycie wtyczek i rozszerzeń
Istnieje mnóstwo wtyczek do WooCommerce, które zapewniają nieograniczoną wszechstronność. Nie oznacza to jednak, że musisz instalować każdą z nich.
Liczne wtyczki zwiększają liczbę plików Javascript lub CSS na Twojej stronie, co powoduje, że serwer otrzymuje więcej żądań HTTP, spowalniając działanie Twojej firmy. Ponadto, posiadanie większej liczby wtyczek oznacza zużycie większej ilości zasobów serwera, co spowalnia czas ładowania.
Nie ma znaczenia, ile wtyczek używasz; liczy się ich jakość. Wybieraj wtyczki, które mogą wykonywać wiele zadań, czytaj recenzje, aby dowiedzieć się o ich wydajności, upewnij się, że są często aktualizowane i instaluj opcje z renomowanych źródeł.
Wybierz szybki motyw e-commerce
Dość często, wybierając motyw e-commerce, projektanci stron internetowych kierują się estetyką, nie biorąc pod uwagę, jak szybko ładują się strony. W rezultacie wygląd frontendu często ma pierwszeństwo przed szybkością ładowania strony.
Aby zoptymalizować czas ładowania, wybierz motyw WooCommerce, który jest lekki i zoptymalizowany pod kątem wydajności. Upewnij się, że motyw jest responsywny i ma czysty kod.
Pamiętaj również, że wiele motywów pozwala wyłączyć elementy, których nie używasz. Aby określić, czy motyw ładuje się szybko, spróbuj użyć narzędzi do testowania prędkości na stronach demonstracyjnych lub przejrzyj recenzje pozostawione przez użytkowników.
Kompresuj obrazy
Przed opublikowaniem obrazów na stronie internetowej należy je zmniejszyć, ponieważ używanie dużych obrazów znacznie spowolni szybkość ładowania strony. Aby przeskalować obrazy do odpowiedniego rozmiaru dla swojej witryny, użyj oprogramowania takiego jak Photoshop, GIMP lub Figma.
Rozmiary plików zdjęć można zmniejszyć bez utraty jakości poprzez kompresję. Wybierz odpowiedni format; o ile obraz nie ma przezroczystego tła, obrazy JPEG, które są mniejsze, są często najlepsze do przesyłania. Zwróć uwagę na rozmiar: przesłanie obrazu o szerokości 2000 pikseli nie zmieści się w miejscu o szerokości zaledwie 500 pikseli. Skompresuj obraz po jego przetworzeniu: kompresory obrazów zmniejszają rozmiar pliku, usuwając wszelkie zbędne dane i metadane.
Wdróż leniwe ładowanie
Funkcja znana jako leniwe ładowanie (lazy loading) zapobiega ładowaniu obrazów, dopóki odwiedzający witrynę nie przewinie w dół do miejsca, w którym się pojawiają. W rezultacie Twoi klienci nie będą musieli czekać, aż media się załadują, aby zobaczyć Twoje treści. Jeśli Twoja witryna ma dużo zdjęć, ta strategia może znacznie skrócić czas ładowania sklepu.
Możesz zainstalować leniwe ładowanie w swoim sklepie WooCommerce za pomocą wtyczek WordPress. Wtyczki skracają czas potrzebny na początkowe otwarcie witryny.
Dostarczaj zasoby statyczne przez CDN
Sieć dostarczania treści (CDN) to sieć serwerów strategicznie rozmieszczonych na całym świecie. Punkty obecności (PoP) to nazwy tych lokalizacji serwerów. Buforowanie i dostarczanie zasobów statycznych, takich jak obrazy, JavaScript, CSS itp., jest głównym zadaniem CDN.
Nawet jeśli Twoja witryna jest hostowana na bardzo szybkim serwerze, jej lokalizacja nadal będzie miała wpływ. Opóźnienie sieci i czas do pierwszego bajtu (TTFB) są zmniejszone dzięki CDN, co skraca odległość między każdym użytkownikiem a zasobami witryny.
Automatycznie wybiera najbliższy punkt PoP CDN, aby dostarczyć zbuforowane zasoby na podstawie pochodzenia żądania. Wiele sieci CDN oferuje dodatkowe funkcje poprawiające wydajność oprócz buforowania, takie jak lepsza kompresja obrazów w locie, obsługa HTTP/3, zapobieganie hotlinkom i zwiększone bezpieczeństwo.
Wyeliminuj nieużywane skrypty i arkusze stylów
Większość wtyczek i motywów WordPress ładuje skrypty i arkusze stylów na każdej stronie Twojej witryny. Nawet gdy nie są one potrzebne na stronie, i tak ładują te elementy.
Usuwając te niepotrzebne elementy z witryn, możesz zmniejszyć „nadwagę” strony i przyspieszyć ładowanie strony WooCommerce, co może zaoszczędzić czas na konfigurowaniu nowych witryn i przydzielaniu personelu. WooCommerce jest podatny na ten problem, podobnie jak jego rozszerzenia.
Spójrz na wykres wodospadowy w wyniku testu prędkości witryny, aby określić, co usunąć. Pomoże Ci to zidentyfikować wszelkie zbędne zasoby.
Aby pozbyć się niepotrzebnych skryptów i stylów, użyj wp_dequeue_script i wp_dequeue_style. Asset CleanUp: Page Speed Booster to jedna z wtyczek, która ułatwia osiągnięcie tego samego celu.
Zrzut ekranu wykonany na oficjalnej stronie WordPress
Zastosuj buforowanie
Buforowanie to tymczasowe przechowywanie zasobów z jednego żądania, dzięki czemu przyszłe żądania mogą być przetwarzane szybko. Zarówno serwer, jak i urządzenie użytkownika są w stanie przechowywać pamięć podręczną.
Gdy użytkownik wysyła żądanie o stronę internetową, serwer DNS pobiera stronę z serwera hostingowego, a aplikacja na serwerze WWW uruchamia skrypty, przeszukuje bazę danych i tworzy stronę, która jest następnie renderowana i wyświetlana użytkownikowi przez przeglądarkę. Serwer jest pod ogromnym obciążeniem, gdy tysiące odwiedzających wysyła jednocześnie kilka żądań, co powoduje powolne ładowanie strony.
W tej sytuacji wkracza buforowanie. Zmniejsza ono wysiłek niezbędny do wygenerowania widoku strony, zmniejszając zależność WordPress od PHP i bazy danych. WordPress działa prawie tak szybko jak statyczne strony internetowe, jeśli nie dokładnie tak samo.
Buforowanie po stronie serwera i buforowanie w przeglądarce to dwie główne kategorie buforowania online, z których każda ma wiele podkategorii.
Ogranicz rewizje
WooCommerce zapewnia standardową kontrolę rewizji na stronach produktów, która pozwala cofnąć się i zobaczyć zmiany wprowadzone na stronach. Chociaż modyfikacje mogą wydawać się korzystne, czasami mogą powodować problemy z wydajnością WooCommerce.
Dla ilustracji, załóżmy, że tworzysz stronę i edytujesz ją wielokrotnie, za każdym razem dodając lub usuwając jeden element. Masz tyle duplikatów oryginalnej strony, ile wprowadziłeś zmian, mimo że zmiana jest niewielka. Wydajność WooCommerce może ostatecznie na tym ucierpieć i stopniowo się pogarszać.
Musisz wprowadzić pewne zmiany w pliku wp-config.php w katalogu głównym witryny, aby ograniczyć/wyłączyć rewizje.
Wyczyść bazę danych
Za każdym razem, gdy użytkownik wchodzi na Twoją stronę, żąda jej treści, która jest w dużej mierze statyczna. Jednak składając zamówienie, wysyła żądanie dynamiczne.
Jeśli baza danych Twojego sklepu nie jest zoptymalizowana, obsługa tych zapytań może trwać zbyt długo. Powolny czas odpowiedzi serwera ostatecznie skutkuje powolną witryną. W rezultacie musisz wyeliminować niepotrzebne śmieci, aby wyczyścić i zoptymalizować bazę danych.
Istnieje kilka podejść do optymalizacji bazy danych:
- Pozbądź się starych rewizji. Strony, artykuły i towary w Twoim sklepie WooCommerce będą obciążone przestarzałymi modyfikacjami, jeśli jest on online od jakiegoś czasu. Czas je posprzątać. Najprostszą metodą jest użycie wtyczek takich jak WP-Sweep lub WP Rocket.
- Usuń wygasające dane przejściowe (transients). Wadliwa tymczasowa pamięć podręczna czasami tworzy ponad milion bezużytecznych wpisów bez widocznego końca. Z czasem sesje klientów mogą się gromadzić, dodając tysiące dodatkowych wpisów do tabel bazy danych. W takich okolicznościach rozdęta baza danych może spowodować awarię witryny. Wszystkie wygasłe dane przejściowe można łatwo usunąć za pomocą darmowej wtyczki Delete Expired Transients.
Zrzut ekranu wykonany na oficjalnej stronie WordPress
- Wyczyść tabele bazy danych. Wszystko, co jest potrzebne do prowadzenia Twojego biznesu e-commerce, jest przechowywane w bazie danych WooCommerce. Twoja baza danych staje się nieefektywna i przechowuje wiele nieistotnych danych, gdy dane są dodawane i przenoszone między tabelami. Czyszczenie tabel bazy danych jest niezbędne do usunięcia tych dodatkowych informacji.
- Wyłącz funkcje, które nie są krytyczne, ale obciążają bazę danych. Motywy i wtyczki do WooCommerce mają wiele sprytnych funkcji, które początkowo wydają się świetne, ale ostatecznie niszczą bazę danych. Jednym z przykładów są wtyczki do kompresji obrazów, które kompresują zdjęcia na tym samym serwerze, na którym hostowana jest witryna. Należy również unikać wtyczek, które dodają liczniki do witryny, takie jak wyświetlenia, komentarze itp.
Przeprowadź optymalizację mobilną
Według Oberlo, 60% kupujących twierdzi, że możliwość robienia zakupów za pomocą telefonu komórkowego jest ważnym kryterium przy wyborze marki. Dlatego optymalizacja mobilna jest absolutnie niezbędna.
Użycie responsywnego motywu to najprostsze podejście do dostosowania witryny WordPress do urządzeń mobilnych. Utrzymuj strony swojego sklepu tak proste, jak to tylko możliwe, ponieważ klienci mobilni nie lubią niekończącego się przewijania. Nie przytłaczaj ich informacjami.
Jeśli Twoja firma ma wiele wyświetlanych produktów, ułatw klientom mobilnym ich wyszukiwanie, udostępniając filtry produktów na żywo. Rozważ zainstalowanie wtyczki WooCommerce Product Search.
Użyj narzędzia Lighthouse w Chrome lub narzędzia Google Mobile-Friendly Test, aby sprawdzić, czy Twoja witryna spełnia wymagane wytyczne dotyczące użyteczności mobilnej.
Zminimalizuj przekierowania
Serwer rejestruje każde kliknięcie linku do strony w Twoim sklepie jako przekierowanie. W istocie serwer musi skierować użytkowników na właściwą stronę. Chociaż zajmuje to tylko kilka sekund, klienci mogą postrzegać to jako długi czas, co bezpośrednio wpływa na współczynnik odrzuceń Twojego sklepu.
Jeśli Twoja witryna ma wiele przekierowań, zużywasz zasoby serwera i wydłużasz czas potrzebny na dotarcie do strony docelowej. W rezultacie ograniczenie przekierowań spowoduje zauważalny wzrost czasu ładowania strony, ponieważ jest to sprawdzona metoda optymalizacji WooCommerce.
Zaktualizuj wersję PHP i zwiększ limit pamięci
Każda aktualizacja PHP jest szybsza niż poprzednie wersje. Twój host określa wersję PHP, której używasz, i często możesz ją zmienić w panelu sterowania hostingu. Jednak konkretna procedura może się różnić w zależności od dostawcy. Alternatywnie, możesz po prostu poprosić obsługę klienta, aby zrobiła to za Ciebie. Przed aktualizacją wersji PHP utwórz pełną kopię zapasową witryny, a następnie przetestuj wszystko, aby upewnić się, że działa poprawnie.
Twoja firma hostingowa przydzieliła określoną ilość pamięci Twojej witrynie. Jednak w zależności od konkretnej witryny możesz przekroczyć ten limit. Zawsze możesz skontaktować się z firmą hostingową, jeśli panel sterowania hostingu nie pozwala na zmianę limitu. Domyślnie WordPress przydziela PHP 32 MB pamięci. Automatycznie spróbuje podnieść ten limit do 40 MB lub 64 MB, jeśli napotka jakiekolwiek problemy. Ten limit często nie będzie wystarczający dla witryny WooCommerce. Zaleca się podniesienie tego limitu do 256 MB.
Podsumowanie
Dzięki powyższym metodom możesz radykalnie poprawić szybkość swojego sklepu WooCommerce, obejmując całe spektrum od podstawowych zmian ustawień po zaawansowane rozwiązania po stronie serwera. Te techniki mają na celu poprawę szybkości Twojej witryny i powinny stanowić część ciągłej strategii nie tylko poprawy, ale także utrzymania wydajności witryny.
Ostatecznie optymalizacja prędkości nie jest zadaniem jednorazowym, ale stałym zobowiązaniem. Regularne monitorowanie szybkości witryny za pomocą różnych omówionych narzędzi i metod może dostarczyć cennych informacji na temat tego, jak dobrze działają Twoje wysiłki w zakresie optymalizacji WooCommerce.
