Siedem wskazówek, jak sprawić, by Twoja strona internetowa Magento błyskawicznie działała

Opublikowany: 2022-06-11

Wydajność strony internetowej Magento 2 zawsze była dużym problemem dla sprzedawców. Badania pokazują, że każda dodatkowa sekunda czasu ładowania może spowodować spadek współczynników konwersji e-commerce o 4,42%. A niska konwersja na stronach o dużym zainteresowaniu konsumentów, takich jak kasa lub strona główna, z pewnością zaszkodzi Twoim potencjalnym zarobkom. Jak sobie z tym poradzić i przyspieszyć swój sklep Magento? Postępuj zgodnie z siedmioma wskazówkami poniżej.

Zanim przejdziemy do poszczególnych kroków, nadmienię, że wszelkie kwestie wydajnościowe odbywają się zazwyczaj na dwóch poziomach: infrastruktury (hosting, CDN itp.) oraz aplikacji (front-end i back-end). Zalecenia, które znajdziesz w tym artykule, będą dotyczyć obu, aby osiągnąć najskuteczniejszą poprawę wydajności.

Wskazówka 1: uaktualnij do Magento 2, jeśli nadal korzystasz z Magento 1

Adobe zakończyło wsparcie dla Magento 1 w czerwcu 2020 roku, ale setki firm nadal z niego korzysta. Jeśli jesteś jednym z nich, potraktuj tę wiadomość jako wezwanie do jak najszybszej migracji. Wśród wielu zalet Magento 2 (obecnie znanego jako Adobe Commerce) wydajność jest największą, przewyższającą jego przestarzały odpowiednik w wielu przypadkach użycia:

  • Magento 2 przetwarza o 39% więcej zamówień na godzinę, osiągając nawet 2558 zamówień na godzinę
  • Zapewnia niemal natychmiastowe czasy odpowiedzi dla stron katalogowych (<2 s)
  • Umożliwia do 66% szybsze czasy odpowiedzi serwera dodawania do koszyka, które są poniżej 500 milisekund
  • Zapewnia o 51% krótsze czasy reakcji przy kasie dla gości i o 36% krótsze czasy reakcji przy kasach klientów dla wszystkich etapów realizacji transakcji łącznie

Poza tym najnowsza i najnowsza wersja Magento 2.4.x jest jeszcze szybsza dzięki znacznej poprawie czasu reakcji strony sklepu, krótszemu czasowi ładowania obrazu, a także lepszemu buforowaniu i wydajności dodawania do koszyka.

Wskazówka 2: Zmień dostawcę usług hostingowych

Duża część wydajności zależy od zdolności serwera do obsługi dużej liczby użytkowników bez spowalniania lub przewracania się w godzinach szczytu. Zapomnij o współdzielonym hostingu dla swojego sklepu Magento. Twój plan hostingowy powinien obejmować co najmniej dyski półprzewodnikowe (SSD) i co najmniej 4 GB pamięci RAM. Dokładne wymagania systemowe będą się różnić w zależności od Twojego sklepu.

Zawsze polecam moim klientom Magento hostowanie swoich stron internetowych na AWS, który jest zarówno niedrogi, jak i wydajny. Zapewnia stabilne środowisko, które umożliwia dostarczanie najwyższej wydajności witryny internetowej, jednocześnie skalując operacje biznesowe, użytkowników i zamówienia.

Wskazówka 3: Zaimplementuj realną strategię buforowania (lub zoptymalizuj istniejącą)

Pamięć podręczna to sposób na wstępne ładowanie stron internetowych w celu szybkiego dostarczania treści. Zasadniczo przechowuje wszystkie elementy strony, takie jak tekst i obrazy, dzięki czemu użytkownik nie musi żądać plików z serwera za każdym razem, gdy odwiedza Twoją witrynę.

Buforowanie jest szczególnie przydatne, gdy masz produkt z wieloma atrybutami, których ładowanie trwa zbyt długo. Magento 2 umożliwia natychmiastowe buforowanie całej strony, ale możesz jeszcze bardziej zwiększyć jego przepływ, korzystając z zaawansowanych technologii buforowania, takich jak Varnish i Redis.

Varnish będzie przechowywać (lub buforować) pliki lub fragmenty plików w pamięci i ostatecznie zmniejszy czas odpowiedzi i zużycie przepustowości sieci na przyszłe, równoważne żądania. Znajduje się między serwerem internetowym a bazą danych Magento i obsługuje wszystkie żądania HTTP użytkowników w celu skrócenia czasu odpowiedzi w celu zwrócenia treści użytkownikom.

Redis będzie działał jako domyślna pamięć podręczna do przechowywania często zadawanych zapytań, kluczy i sesji użytkowników. Zastępuje standardowy system buforowania oparty na plikach Magento i doda dodatkowej szybkości do Twojej witryny.

Podczas gdy Varnish koncentruje się na buforowaniu frontendu, Redis może przechowywać inne struktury danych, takie jak bufory EAV i konfiguracji. Dlatego polecam używać ich w tandemie.

Porada 4: Rozważ dodanie CDN

CDN oznacza sieć dostarczania treści. Mają geograficznie rozproszone serwery na całym świecie, więc użytkownicy mogą pobierać dane z serwerów, które są najbliżej nich. Sieci CDN mogą dostarczać dowolny rodzaj treści, w tym obrazy, multimedia, pliki CSS/JS, motywy i moduły, i mogą działać jako ogólny optymalizator witryny.

Magento jest wstępnie skonfigurowane do obsługi sieci CDN, chociaż powinieneś mieć pewną wiedzę techniczną, aby to skonfigurować. Nie jest to absolutnie konieczne, zwłaszcza dla małych firm o małym ruchu, które nie mogą zainwestować w rozwiązanie technologiczne i jego wdrożenie.

Jest jednak niezbędny w przypadku witryn o dużym natężeniu ruchu i o znaczeniu krytycznym, które poważnie podchodzą do kwestii zapewnienia użytkownikom najlepszych wrażeń. Moje osobiste rekomendacje to Akamai, Cloudflare i Amazon Cloudfront.

Wskazówka 5: Przeprowadź audyt strony internetowej

Jeśli witryna e-commerce zarabia 100 000 USD dziennie, 1-sekundowe opóźnienie strony może potencjalnie kosztować co roku 2,5 miliona dolarów utraconej sprzedaży. To opóźnienie jest spowodowane wąskimi gardłami wydajności.

Jest tak wiele rzeczy powodujących wąskie gardła, takie jak liczba żądań serwera, waga strony, leniwe elementy strony, leniwe ładowanie obrazu, rozszerzenia stron trzecich i źle napisany lub niezoptymalizowany kod. Audyt identyfikuje te problemy techniczne w backendzie i frontendzie, rozwiązuje je, a następnie pokazuje wydajność po modyfikacjach.

Niektóre z najczęstszych wąskich gardeł wydajności Magento mogą obejmować:

  • Pozostawienie włączonych podstawowych nieużywanych modułów (np. wysyłka i płatności offline; Captcha, Persistent, RSS; MSRP, Send Friend, Weee itp.).
  • Gromadzenie niepotrzebnych funkcji, takich jak wtyczki i elementy układu.
  • Nieprzestrzeganie standardów kodowania i najlepszych praktyk.

Nawet dodanie kilku funkcji witryny może obniżyć wydajność witryny. Przeprowadzaj regularny audyt kodu Magento, aby upewnić się, że Twój sklep nie jest zaśmiecony błędami i wąskimi gardłami.

Wskazówka #6: Postępuj zgodnie z najlepszymi praktykami Magento dotyczącymi wydajności

To może być najbardziej oczywista wskazówka, ale w większości przypadków działa. Magento Performance Best Practices to nieoceniony przewodnik stworzony przez firmę Adobe, jak skonfigurować sklep w najbardziej efektywny sposób.

Przewodnik zawiera sporo spostrzeżeń, ale oto najważniejsze przyspieszacze prędkości:

  • Włącz wszystkie pamięci podręczne na stronie System > Narzędzia > Zarządzanie pamięcią podręczną. Jeszcze lepiej, podłącz pamięć podręczną Varnish, którą omówiliśmy powyżej.
  • Włącz asynchroniczne powiadomienia e-mail
  • Korzystaj z narzędzi innych firm, takich jak rozszerzenia optymalizacji prędkości Magento do minifikacji i łączenia JS (takich jak r.js).
  • Aktywuj protokół HTTP2 jako alternatywę dla korzystania z łączenia JS.
  • Nie używaj przestarzałych ustawień, takich jak scalanie plików JS i CSS, ponieważ zostały one zaprojektowane tylko dla synchronicznie ładowanych plików JS w sekcji HEAD strony. Korzystanie z tej techniki może spowodować tworzenie pakietów i wymagać nieprawidłowego działania logiki JS.

Niektórzy mogą uznać te zalecenia za zbyt techniczne, więc lepiej mieć pewne zaplecze techniczne lub skorzystać z pomocy kogoś z wcześniejszym doświadczeniem w Magento.

Wskazówka 7: Przeprowadź test warunków skrajnych

Test warunków skrajnych to ważny krok w zwiększaniu skalowalności i zapewnianiu, że Twój sklep poradzi sobie ze szczytowymi obciążeniami podczas wyprzedaży flash. Podczas testu warunków skrajnych pchasz witrynę do punktu zerwania, stopniowo zwiększając obciążenie powyżej oczekiwanego maksimum.

Najpierw musisz wygenerować przykładowe dane do testowania wydajności. Magento umożliwia tworzenie większej liczby użytkowników, sklepów, kategorii, produktów itd. oraz ustawianie profili (mały, średni, duży i bardzo duży). Więcej informacji znajdziesz w oficjalnej dokumentacji Magento.

Po drugie, ustawiasz środowisko przedtestowe za pomocą wybranego przez siebie narzędzia. Ważne jest, aby zamapować podróże użytkowników na etapie przygotowania i wprowadzić je do narzędzia do testowania wydajności, aby utworzyć model obciążenia.

Po trzecie, sklonujesz istniejącą bazę danych Magento, upewniasz się, że wszystkie narzędzia działają poprawnie i uruchamiasz test wydajności. Możesz później analizować wyniki, tworzyć raporty i identyfikować wąskie gardła, którymi należy się zająć.

Wiem, że łatwiej to powiedzieć niż zrobić, ale ta ostatnia wskazówka powinna być bardzo pomocna dla dużych kupców. Przetestuj swoją witrynę Magento w warunkach skrajnych, aby upewnić się, że poradzi sobie z dużym natężeniem ruchu i skaluje się bez względu na liczbę użytkowników i produktów.

Ostatnia uwaga do konkluzji: kupujący online nigdy nie byli na tyle cierpliwi, aby czekać dłużej niż 3 sekundy na załadowanie strony produktu. To do Ciebie należy podjęcie działań, przydzielenie budżetu na optymalizację wydajności i zaimponowanie klientom optymalnym doświadczeniem użytkownika.