WordPress to najpopularniejszy na świecie system zarządzania treścią. Obecnie nie jest już używany tylko jako narzędzie do blogowania. Zamiast tego może obsługiwać szeroką gamę witryn internetowych, w tym e-commerce.
W rzeczywistości liczba witryn eCommerce zbudowanych za pomocą WordPress stale rośnie. Jeśli prowadzisz witrynę e-commerce WordPress, jak możesz ją przyspieszyć?
Innymi słowy, jak przyspieszyć witrynę eCommerce WordPress? Ten artykuł zawiera odpowiedź na to pytanie i zawiera przydatne pomysły na przyspieszenie witryny e-commerce WordPress.
Pierwsze kroki
Kredytów obrazka:
Istnieje wiele sposobów tworzenia i konfigurowania witryny e-commerce WordPress. Oczywiście wszystkie te sposoby opierają się na użyciu konkretnego WordPressa plugin. Ogólnie mówiąc, WooCommerce to najpopularniejsze rozwiązanie eCommerce dla użytkowników WordPress. Oczywiście większość metod optymalizacji i przyspieszania koncentruje się wokół WooCommerce.
Co jednak, jeśli nie jesteś tzw WooCommerce użytkownik? Jest wiele innych plugins tam, które mogą pomóc Ci stworzyć witrynę WordPress eCommerce. Na przykład możesz użyć Easy Digital Downloads który umożliwia utworzenie sklepu eCommerce z produktami cyfrowymi (w przeciwieństwie do produktów fizycznych) i tak dalej.
Niezależnie od WP plugin lub rozszerzenia, z których korzystasz, nadal musisz podjąć pewne typowe kroki, aby przyspieszyć swoją witrynę eCommerce WordPress. Ale wcześniej musisz wiedzieć, jak powolna może być Twoja witryna!
Testowanie szybkości
Dobry test szybkości witryny i czasu ładowania strony powinien zostać przeprowadzony w niezależnym środowisku. Dlatego powinieneś używać serwera zdalnego, możliwie z wielu lokalizacji. Wykluczy to czynniki takie jak buforowanie przeglądarki i da prawdziwy obraz rozmiaru strony, czasu ładowania, kaskady itp.
Narzędzia takie jak Pingdom i GTmetrix są pod tym względem bardzo przydatne. Możesz uruchomić go pod adresem URL swojej witryny i zobaczyć wyniki wraz z obszarami, które możesz ulepszyć.
Na potrzeby witryny eCommerce opartej na WordPressie powinieneś przeprowadzić testy szybkości na stronie głównej swojego sklepu. Jeśli używasz WooCommerce, spróbuj uruchomić testy na stronie sklepu lub na stronie pojedynczego produktu.
Po zakończeniu testu otrzymasz raport dokładnie określający, co spowalnia Twoją witrynę e-commerce WordPress. Na przykład następujący test (przeprowadzony dnia Shopifystrona główna) pokazuje, że buforowanie przeglądarki, kombinacja JS i mniejsza liczba przekierowań mogą wydłużyć czas ładowania strony.
Oczywiście wyniki będą się różnić w zależności od witryny. Pomoże Ci to jednak dokładnie zorientować się, gdzie Twoja witryna eCommerce WordPress ładuje się powoli.
Teraz wracamy do najważniejszego pytania: jak możemy przyspieszyć naszą witrynę eCommerce WordPress?
Hosting i CDN
Powszechnie wiadomo, że powinieneś wybrać niezawodne, dobrej jakości i dobrze zoptymalizowane rozwiązania hostingowe dla swojej witryny eCommerce WordPress. Niestety, dzisiejsza branża hostingu jest pełna dostawców usług hostingowych, którzy często oferują usługi poniżej normy.
Może to niekorzystnie wpłynąć na wydajność Twojej witryny. Niezależnie od zastosowanych metod optymalizacji, Twoja witryna WP eCommerce może po prostu nie ładować się szybciej z powodu powolnego i powolnego serwera.
Na szczęście mamy przewodnik porównawczy, który pomoże Ci ocenić, jakiego rodzaju planu hostingowego potrzebujesz i który dostawca usług hostingowych może spełnić Twoje potrzeby. Sprawdź to tutaj.
Mając to na uwadze, nigdy nie lekceważ znaczenia a Content Delivery Network. Niezależnie od tego, jak dobry jest Twój hosting, CDN zawsze może sprawić, że będzie on lepszy i szybszy. Jeśli Twój sklep eCommerce ma klientów na całym świecie lub w różnych krajach, korzystanie z CDN jest koniecznością.
Sieć dostarczania treści zasadniczo przyspiesza Twoją witrynę internetową, obsługując jej strony z geograficznie zróżnicowanego klastra serwerów. Załóżmy na przykład, że Twoja witryna jest hostowana na serwerze zlokalizowanym na Florydzie. Teraz, jeśli użytkownik z Bangkoku odwiedzi Twoją witrynę, załadowanie strony zajmie mu więcej czasu. Wynika to z odległości geograficznej, wielu dostawców usług internetowych itp. Z drugiej strony, jeśli korzystasz z sieci dostarczania treści, CDN udostępni kopię treści Twojej witryny z lokalizacji bliżej Bangkoku, np. Singapuru. Naturalnie wydłuży to czas ładowania strony i szybciej będzie wyświetlać treść.
CloudFlare i MaxCDN to dwie popularne opcje integracji z witryną eCommerce WordPress. Możesz nawet skorzystać z bezpłatnego planu CloudFlare do testowania wód, chociaż dla optymalnej wydajności plan płatny jest dobrą inwestycją.
Optymalizacja obrazów
Obrazy są istotnym elementem każdego sklepu eCommerce. Aby skrócić czas ładowania strony, warto poświęcić trochę czasu na optymalizację zdjęć produktów, miniatur itp.
WordPress plugins jak na przykład TinyPNG może okazać się przydatny do kompresji i optymalizacji obrazów podczas ich przesyłania.
Inną metodą, którą można tu zastosować, jest leniwe ładowanie obrazów. Leniwe ładowanie oznacza, że dany zestaw obrazów nie zostanie załadowany, dopóki użytkownik nie przewinie w dół do części strony, w której te obrazy się znajdują.
W ten sposób nie wpływa to negatywnie na ogólny czas ładowania strony, ponieważ przeglądarka nie musi ładować wszystkich obrazów na raz. WP plugins jak na przykład Ładunek leniwy BJ może pomóc Ci to osiągnąć od razu po wyjęciu z pudełka.
Ponieważ większość treści multimedialnych Twojego sklepu internetowego będzie miała postać obrazów, optymalizacja i leniwe ładowanie obrazów może przynieść korzystne rezultaty.
Korzystanie z buforowania WordPress Plugin
Buforowanie jest od dawna najpopularniejszym rozwiązaniem przyspieszającym witryny i blogi WP. Witryna eCommerce WordPress nie jest wyjątkiem od tej reguły. Powinieneś rozważyć wybór niezawodnego i renomowanego buforowania WordPress plugin. Niektóre godne nazwiska to:
Ponadto upewnij się, że plugin który wybierasz, jest kompatybilny z Twoim eCommerce WordPress plugin. Jeśli używasz WooCommerce, nie ma się czym martwić — większość buforowania plugins zachować WooCommerce z myślą o sklepach i są z nimi w pełni kompatybilne.
Dla wszystkich innych WP eCommerce plugins, może trzeba będzie sprawdzić swoje plugindokumentacji.
Przez kompatybilność rozumiemy, że pamięć podręczna plugin powinien automatycznie wykryć, co musi buforować (a czego nie powinien). Oto przykład: w żadnym wypadku buforowanie WP plugin powinien buforować strony Koszyka i Kasy.
Strony te należy wygenerować wyłącznie na podstawie wyboru użytkownika — nie można wyświetlić żadnej statycznej kopii.
Podobnie widżety koszyka (lub ikony często umieszczane w nagłówku lub pasku menu sklepów eCommerce) nie muszą być buforowane. W przypadku witryn eCommerce WordPress dobrym pomysłem jest aktywowanie minifikacji CSS i HTML, ale unikaj minimalizacji JavaScript.
Wiele e-commerce plugins polegaj na JS do ładowania widżetów koszyka zakupowego w locie. Minifikacja lub buforowanie JS może tutaj powodować problemy — użytkownik może dodać produkt do swojego koszyka, a zostanie on pomyślnie dodany.
Ale na stronie nadal będzie widoczny pusty koszyk — JS został zapisany w pamięci podręcznej i dlatego koszyk nie został zaktualizowany, chyba że cała strona zostanie odświeżona.
Tak więc, chociaż możesz (i powinieneś) buforować pliki JavaScript i minimalizować je na blogach WP, robienie tego nie jest dobrym pomysłem w sklepach WP eCommerce.
Korzystanie z AJAX w koszyku
Powszechną praktyką jest używanie AJAX do renderowania szczegółów koszyka. Większość e-commerce WP plugins, w tym WooCommerce, też zrób to samo. Oto jak to działa:
Użytkownik wybiera produkt i klika przycisk „Dodaj do koszyka”. Produkt jest dodawany do koszyka. Następnie na stronie aktualizowane są dwie wartości: przycisk „Dodaj do koszyka” produktu pokazuje „Dodano do koszyka” lub „Już w koszyku” (lub podobnie), a widżet koszyka (lub przycisk) pokazuje zaktualizowaną liczbę produktów. Reszta strony? Nie jest odświeżana ani zmieniana.
To selektywne odświeżanie odbywa się za pomocą wywołania AJAX. Wadą tej funkcji jest to, że wywołania AJAX zajmują trochę czasu i zawsze niekorzystnie wpływają na czas ładowania strony.
Zatem niezależnie od tego, czy użytkownik doda produkt do wywołania, czy nie (to znaczy, czy koszyk wymaga aktualizacji za pomocą AJAX, czy nie), biblioteki nadal muszą zostać załadowane.
Jeśli naprawdę chcesz zwiększyć wydajność, możesz wyłączyć wywołania AJAX (użyj prostego plugin taki jak ten), a następnie stwórz swój eCommerce plugin przekierowanie użytkownika do koszyka po dodaniu produktu do koszyka. Oto jak to zrobić w WooCommerce:
Po prostu przejdź do Ustawień, a następnie zakładki Produkty. Wybierz opcję „przekieruj do koszyka”. Następnie zapisz swój wybór (możesz również wyłączyć AJAX w archiwach, jeśli chcesz).
Skoro już przy tym jesteśmy, prosty, ale bardzo przydatny WordPress plugin będzie WooCommerce Naprawa drenażu prędkości. Po prostu przestaje ładować metody AJAX i inne WooCommerce działa na nie-WooCommerce strony (powiedzmy Twój blog lub strona z informacjami). Może pomóc Ci przyspieszyć różnorodność witryn e-commerce WordPress.
Optymalizacja bazy danych
Kredytów obrazka:
Powolna i słabo zoptymalizowana baza danych WordPress może spowodować zatrzymanie Twojej witryny. Jest to szczególnie prawdziwe w przypadku sklepów eCommerce działających na WP. W bazie danych jest więcej tabel i wpisów niż zwykle. Nie musisz zajmować się tylko tabelami i wpisami dotyczącymi postów, stron i komentarzy. Dodatkowo będziesz mieć także wpisy i tabele dotyczące swoich produktów, atrybutów produktów, zamówień itp.
Możesz wybrać popularny WP plugin jak na przykład WP Optimize or WP Sweep. Takie plugins może przeskanować bazę danych, usunąć fragmenty i niepotrzebne obciążenia itp. Czyszcząc bazę danych WP w regularnych odstępach czasu, możesz zwiększyć czas ładowania stron, ponieważ zapytania do bazy danych będą wykonywane szybciej.
Podsumowanie
To prowadzi nas do końca tego wpisu. Omówiliśmy sposoby uniknięcia ładowania niepotrzebnych skryptów na stronach eCommerce, optymalizacji baz danych, wykorzystania buforowania i CDN itp., Aby przyspieszyć dowolną witrynę eCommerce WordPress.
Jeśli prowadzisz witrynę eCommerce WordPress lub zarządzasz nią, jakiej strategii lub metod używasz, aby ją przyspieszyć? Podziel się swoimi poglądami w komentarzach poniżej!
Komentarze Odpowiedzi 0