Powolne 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 Odbij się, prawie 70% konsumentów twierdzi, że szybkość strony wpływa na ich chęć zakupów w sklepie internetowym. Problem w tym, że prędkość zależy od wielu czynników, a jej poprawa może wymagać dużo czasu i wysiłku.
Według Przepowiednia, współczynniki konwersji w witrynie spadają średnio o 4,42% na każdą sekundę ładowania strony od 0 do 5 sekund, przy czym największe współczynniki konwersji w handlu elektronicznym mają strony z czasem ładowania od 0 do 2 sekund.
Jeśli prędkość ładowania Twojej witryny przekracza 2-3 sekundy, ten artykuł jest tym, czego potrzebujesz. Tutaj znajdziesz kilka sprawdzonych wskazówek dotyczących pomiaru i poprawa wydajności witryny e-commerce.
Szybkość witryny jest kluczowym elementem sukcesu każdego przedsięwzięcia internetowego, w tym sklepów WooCommerce, z kilku powodów:
Użytkownicy Internetu zazwyczaj mają krótki czas koncentracji. Długie czasy ładowania mogą powodować, że odwiedzający będą opuszczać Twoją witrynę, zanim jeszcze całkowicie się załaduje. Wręcz przeciwnie, szybka witryna ułatwia nawigację, zachęcając użytkowników do przeglądania większej liczby stron i pozostania na niej dłużej.
Szybkość strony jest dla Google jednym z najważniejszych czynników rankingowych. Metryki takie jak największa zawartość treści (LCP), opóźnienie pierwszego wejścia (FID) i skumulowane przesunięcie układu (CLS) są częścią czynników rankingowych Google. Szybsze strony internetowe mają większe szanse na wyższą pozycję w wyszukiwarkach. Wraz ze wzrostem liczby wyszukiwarek mobilnych prędkość strony mobilnej znacząco wpływa również na SEO.
Zoptymalizowane, szybsze witryny internetowe zazwyczaj zużywają mniej przepustowości i mogą skutkować niższymi kosztami hostingu. Szybsze witryny wymagają również mniej czasu i wysiłku w utrzymaniu.
Wraz ze wzrostem liczby użytkowników uzyskujących dostęp do witryn za pośrednictwem urządzeń mobilnych, gdzie prędkość połączenia może być mniejsza, zoptymalizowana prędkość witryny staje się jeszcze ważniejsza. Powolne ładowanie może być jeszcze bardziej problematyczne na urządzeniach mobilnych i prowadzić do wyższych współczynników odrzuceń.
Użytkownicy z różnych regionów i o różnej szybkości Internetu mogą cieszyć się spójnym doświadczeniem, jeśli Twoja witryna jest zoptymalizowana pod kątem szybkości. Szybsze witryny internetowe są korzystne, jeśli są skierowane do odbiorców na całym świecie i korzystają z sieci dostarczania treści (CDN) do udostępniania zlokalizowanych treści.
Zanim rozpoczniesz proces doskonalenia, musisz określić, na jakim etapie się znajdujesz, dowiedzieć się, jaka jest aktualna prędkość sklepu oraz 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 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:
Rozwiązania te, wbudowane w nowoczesne przeglądarki, umożliwiają programistom sprawdzanie, debugowanie i profilowanie witryn internetowych:
Narzędzia te mogą pomóc zidentyfikować problemy po stronie serwera, które mogą nie być oczywiste w przypadku narzędzi do testowania frontendu:
Wtyczki mogą oferować wygodny i skuteczny sposób monitorowania różnych aspektów wydajności sklepu WooCommerce bezpośrednio z obszaru administracyjnego WordPress. Oto kilka popularnych podejść opartych na wtyczkach:
Real User Monitoring (RUM) to metoda monitorowania wydajności, która rejestruje i analizuje każdą transakcję dokonywaną przez użytkowników witryny internetowej lub aplikacji. W przeciwieństwie do syntetycznych metod monitorowania, które symulują zachowania użytkowników, RUM zbiera dane z rzeczywistych interakcji użytkowników z Twoją witryną.
Zazwyczaj dodajesz do swojej witryny niewielki fragment kodu JavaScript, który zbiera i wysyła dane dotyczące wydajności do serwera w celu analizy. Tak działa większość narzędzi RUM, chociaż szczegółowe szczegóły implementacji mogą się różnić. Do przydatnych narzędzi dla RUM należą: New Relic Browser, Boomerang, Akamai mPulse i inne.
Teraz, gdy znasz aktualną prędkość ładowania i jakie występują problemy, możesz zbudować strategię optymalizacji. Pamiętaj, że prawdopodobnie będziesz musiał naprawić kilka aspektów witryny, aby osiągnąć doskonałą prędkość sklepu WooCommerce. Ponadto od czasu do czasu będziesz musiał monitorować prędkość, ponieważ może ona w końcu zwolnić. Oto kilka porad, jak zwiększyć wydajność swojej witryny:
Chociaż niewłaściwa opcja może skutkować niezadowoleniem klientów i stratą w biznesie, to jednak idealny hosting WooCommerce usługa może zagwarantować bezbłędną wydajność, krótki czas ładowania i stały czas pracy.
Każdy typ hostingu może być zapewniany w ramach różnych planów z różnymi punktami cenowymi. Dlatego też, szukając dostawcy hostingu w swoim przedziale cenowym, weź pod uwagę takie funkcje, jak buforowanie po stronie serwera, przepustowość i pamięć RAM odpowiednią do wymagań Twojej witryny, wysokowydajną pamięć SSD i zaktualizowane oprogramowanie, takie jak PHP i MySQL.
Jeśli masz wspólny plan hostingowy, oznacza to, że setki stron internetowych korzystają z tego samego serwera i jego zasobów. Wybierz hosta, który ogranicza liczbę stron internetowych dozwolonych na każdym serwerze, lub pomyśl o przejściu na VPS lub plan dedykowany.
Najpierw zmień adres URL swojej strony logowania. Adres URL logowania jest zazwyczaj domyślny i znany każdemu, także hakerom, co sprawia, że strony internetowe są podatne na ataki.
Możesz uniknąć brutalnych ataków złośliwych aktorów, zmieniając adres URL logowania na inny. Można go również użyć, aby zapobiec problemom HTTP ograniczającym szybkość.
Jeśli Twoja witryna eCommerce ma również blog, ogranicz liczbę wpisów pojawiających się w kanale Twojego bloga. Jeśli zarządzasz popularnym blogiem, oszczędności w wydajności sumują się. Korekty te można dokonać w Ustawienia czytania panelu WordPress.
Zrzut ekranu zrobiony na urzędniku WordPressa strona internetowa
Następnie wyłącz pingbacki na swojej stronie. Zwykle generują spam. WordPress zapewnia także możliwość dzielenia dużych komentarzy użytkowników na mniejsze części, jeśli masz dużo komentarzy od użytkowników w swoich artykułach lub stronach. Aby skrócić czas ładowania strony produktu, utrzymuj tę wartość w przedziale od 10 do 20.
Istnieje mnóstwo wtyczek do WooCommerce, które zapewniają nieograniczoną wszechstronność. Nie oznacza to jednak, że musisz zainstalować każdy z nich.
Liczne wtyczki zwiększają ilość plików JavaScript lub CSS na Twojej stronie, co powoduje, że Twój serwer otrzymuje więcej żądań HTTP, spowalniając działanie Twojej firmy. Ponadto posiadanie większej liczby wtyczek oznacza wykorzystanie większej ilości zasobów serwera, co spowalnia czas ładowania.
Nie ma znaczenia, z ilu wtyczek korzystasz; liczy się ich jakość. Wybierz wtyczki, które mogą wykonywać wiele zadań, przeczytaj recenzje, aby dowiedzieć się o wydajności, potwierdź, że są często aktualizowane i zainstaluj opcje z renomowanych źródeł.
Dość często, decydując się na motyw eCommerce, projektanci stron internetowych wybierają estetykę, nie biorąc pod uwagę szybkości ładowania stron. W rezultacie wygląd frontendu często ma pierwszeństwo przed szybkością ładowania strony.
Aby zoptymalizować czas ładowania, wybierz a Motyw WooCommerce czyli lekki i zoptymalizowany pod kątem wydajności. Upewnij się, że motyw jest responsywny i ma czysty kod.
Pamiętaj też, że wiele motywów umożliwia także wyłączenie elementów, których nie używasz. Aby ustalić, czy motyw ładuje się szybko, spróbuj użyć narzędzi przyspieszających do przetestowania stron demonstracyjnych lub przejrzyj recenzje pozostawione przez użytkowników.
Koniecznie zmniejsz rozmiar obrazów przed opublikowaniem ich w witrynie, ponieważ używanie dużych obrazów drastycznie spowalnia prędkość ładowania strony. Aby przeskalować obrazy do odpowiedniego rozmiaru dla swojej witryny, użyj oprogramowania takiego jak Photoshop, GIMP lub Figma.
Rozmiar plików zdjęć można zmniejszyć bez utraty jakości w wyniku kompresji. Wybierz odpowiedni format; chyba że obraz ma półprzezroczyste tło, często najlepiej przesyłać obrazy JPEG, które są mniejsze. Pamiętaj o rozmiarze: przesłany obraz o rozdzielczości 2000 pikseli nie zmieści się w miejscu o szerokości zaledwie 500 pikseli. Kompresuj obraz po jego przetworzeniu: kompresory obrazu zmniejszają rozmiar pliku, usuwając wszelkie niepotrzebne dane i metadane.
Funkcja zwana leniwym ładowaniem zapobiega ładowaniu zdjęć do czasu, aż odwiedzający witrynę przewinie w dół do miejsca, w którym pojawiają się na stronie. Dzięki temu Twoi klienci nie będą musieli czekać na załadowanie multimediów, aby mogli obejrzeć Twoje treści. Jeśli Twoja witryna zawiera dużo zdjęć, ta strategia może znacznie skrócić czas ładowania sklepu.
Możesz zainstalować leniwe ładowanie w swoim sklepie WooCommerce, korzystając z wtyczek WordPress. Wtyczki skracają czas początkowego otwarcia Twojej witryny.
Sieć dostarczania treści (CDN) to sieć serwerów strategicznie rozmieszczona 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., to główny obowiązek 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, który skraca odległość między każdym użytkownikiem a zasobami witryny.
Automatycznie wybiera najbliższy punkt PoP CDN w celu zapewnienia zasobów w pamięci podręcznej na podstawie pochodzenia żądania. Wiele sieci CDN oferuje oprócz buforowania dodatkowe możliwości poprawiające wydajność, takie jak większa kompresja obrazu w locie, obsługa protokołu HTTP/3, zapobieganie hotlinkom i zwiększone bezpieczeństwo.
Większość wtyczek i motywów WordPress ładuje skrypty i arkusze stylów na każdej stronie Twojej witryny. Nawet jeśli nie są potrzebne na stronie, mimo to ładują te elementy.
Usuwając te niepotrzebne elementy ze stron internetowych, możesz zmniejszyć rozdęcie strony i przyspieszyć ładowanie strony WooCommerce, co może zaoszczędzić czas na konfigurowanie nowych witryn i przydzielanie personelu. WooCommerce jest podatny na ten problem, podobnie jak jego rozszerzenia.
Spójrz na wykres kaskadowy w wynikach testu szybkości swojej witryny, aby określić, co usunąć. Pomoże Ci to zidentyfikować wszelkie zbędne aktywa.
Aby pozbyć się niepotrzebnych skryptów i stylów, użyj wp_dequeue_script i wp_dequeue_style. Asset CleanUp: Page Speed Booster należy do wtyczek, które ułatwiają osiągnięcie tego samego celu.
Zrzut ekranu zrobiony na urzędniku WordPressa strona internetowa
Buforowanie to tymczasowe przechowywanie zasobów z jednego żądania, dzięki czemu przyszłe żądania mogą być szybko przetwarzane. Zarówno serwer, jak i urządzenie użytkownika są w stanie przechowywać pamięć podręczną.
Kiedy użytkownik wysyła żądanie witryny internetowej, serwer DNS uzyskuje ją z serwera hostującego, a aplikacja na serwerze internetowym uruchamia skrypty, przeszukuje bazę danych i tworzy stronę internetową, która jest następnie renderowana i pokazywana użytkownikowi przez przeglądarkę. Serwer jest poddawany ogromnemu obciążeniu, gdy tysiące odwiedzających wysyła kilka żądań jednocześnie, co powoduje powolne ładowanie strony.
W tej sytuacji w grę wchodzi buforowanie. Zmniejsza wysiłek niezbędny do wygenerowania odsłony, zmniejszając zależność WordPressa od PHP i bazy danych. WordPress działa prawie tak szybko, jak statyczne strony internetowe, jeśli nie dokładnie.
Buforowanie po stronie serwera i buforowanie przeglądarki to dwie główne kategorie buforowania online, z których każda ma różne podkategorie.
WooCommerce zapewnia standardową kontrolę wersji na stronach produktów, która pozwala wrócić i zobaczyć zmiany wprowadzone na stronach. Chociaż modyfikacje mogą wydawać się korzystne, mogą czasami powodować problemy z wydajnością WooCommerce.
Dla ilustracji załóżmy, że tworzysz stronę i edytujesz ją wiele razy, za każdym razem dodając lub usuwając jeden element. Masz tyle duplikatów oryginalnej strony, ile wprowadziłeś zmian, mimo że zmiany są skromne. Wydajność WooCommerce może ostatecznie ucierpieć z tego powodu i stopniowo się pogorszyć.
Musisz dokonać pewnych zmian w pliku wp-config.php w katalogu głównym witryny, aby ograniczyć/wyłączyć wersje.
Za każdym razem, gdy użytkownik wchodzi na Twoją witrynę, żąda zawartości witryny, która jest w dużej mierze statyczna. Jednakże składają dynamiczne żądanie podczas składania zamówienia.
Jeśli baza danych Twojego sklepu nie jest zoptymalizowana, obsługa tych zapytań może zająć zbyt dużo czasu. Powolny czas reakcji serwera ostatecznie skutkuje powolną stroną internetową. W rezultacie musisz wyeliminować niepotrzebne śmieci, aby oczyścić i zoptymalizować bazę danych.
Istnieje kilka podejść do optymalizacji baz danych:
Zrzut ekranu zrobiony na urzędniku WordPressa strona internetowa
Według Oberlo, 60% kupujących twierdzi, że możliwość zakupów przez telefon komórkowy jest ważnym kryterium wyboru marki. Dlatego optymalizacja mobilna jest absolutnie niezbędna.
Korzystanie z responsywnego motywu to najprostsza metoda dostosowania witryny WordPress do urządzeń mobilnych. Staraj się, aby strony Twojego sklepu były tak proste, jak to tylko możliwe, ponieważ klienci mobilni nie lubią ciągłego przewijania. Nie przytłaczaj ich informacjami.
Jeśli w Twojej firmie wyświetlanych jest wiele produktów, ułatwij klientom mobilnym ich wyszukiwanie, udostępniając aktywne filtry produktów. Rozważ zainstalowanie wtyczki WooCommerce Product Search.
Skorzystaj z narzędzia Chrome Lighthouse lub narzędzia Google do testowania optymalizacji mobilnej, aby sprawdzić, czy Twoja witryna spełnia wymagane wytyczne dotyczące obsługi mobilnej.
Serwer rejestruje każde kliknięcie linku do strony w Twoim sklepie jako przekierowanie. Krótko mówiąc, serwer musi kierować użytkowników na odpowiednią 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 zawiera dużo przekierowań, zużywasz zasoby serwera i wydłużasz czas potrzebny na dotarcie do strony końcowej. W rezultacie ograniczenie przekierowań spowoduje zauważalne wydłużenie czasu ładowania strony, ponieważ jest to wypróbowane i prawdziwe podejście optymalizacyjne WooCommerce.
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 dla Twojej witryny. Możesz jednak przekroczyć ten limit w zależności od konkretnej witryny. Zawsze możesz skontaktować się ze swoją firmą hostingową, jeśli Twój panel sterowania hostingiem nie pozwala na zmianę limitu. PHP domyślnie otrzymuje przydział pamięci od WordPressa wynoszący 32 MB. Jeśli napotka jakiekolwiek problemy, automatycznie spróbuje podnieść ten limit do 40 MB lub 64 MB. Limit ten często nie będzie wystarczający dla witryny WooCommerce. Zaleca się podniesienie tego limitu do 256 MB.
Dzięki metodom podanym powyżej możesz radykalnie poprawić szybkość swojego sklepu WooCommerce, obejmując gamę od podstawowych dostosowań ustawień po zaawansowane rozwiązania po stronie serwera. Techniki te mają na celu poprawę szybkości działania witryny i powinny stanowić część ciągłej strategii mającej na celu nie tylko poprawę, ale także utrzymanie wydajności witryny.
Ostatecznie optymalizacja prędkości nie jest zadaniem jednorazowym, ale ciągłym zobowiązaniem. Regularne monitorowanie szybkości witryny za pomocą różnych omawianych narzędzi i metod może dostarczyć cennych informacji na temat skuteczności Twoich wysiłków optymalizacyjnych WooCommerce.