Oto kilka kroków, dzięki którym przyspieszysz swoje Magento.
Co zrobić jeśli Twoje Magento jest wolne?
Sytuacja większości ecommerce’ów opartych na Lumie
Jak przyspieszyć sklep na Magento?
Podsumowanie – co zrobić jeżeli Twoje Magento jest wolne
Co zrobić jeśli Twoje Magento jest wolne?
Istnieje kilka sposobów na przyspieszenie Magento.
Jeżeli korzystacie z Lumy, najlepszym rozwiązaniem może być zmiana frontendu na Hyvę. Jeżeli jednak nie chcecie zmieniać frontendu i wciąż chcecie korzystać z Lumy, istnieje 7 działań, które możecie podjąć, aby przyspieszyć jej działanie.
Dodatkowo możecie:
- zaktualizować PHP, z którego korzysta Magento
- usunąć zbędne moduły
- skupić się na optymalizacji hostingu pod kątem działania z Magento
Jeśli jesteście zainteresowani szczegółami, zachęcam was do zapoznania się z dalszą częścią artykułu, gdzie rozwijam tę prostą odpowiedź.
Sytuacja większości ecommerce’ów opartych na Lumie
Rozpocznę od historii mojego ostatniego spotkania z dyrektorem ecommerce z branży fashion, który zarządzał sklepem internetowym opartym na Magento.
Około 2 lata temu, ten dyrektor podjął decyzję o stworzeniu sklepu internetowego z wykorzystaniem Magento. Technologia użyta na front-end to nic innego jak zmodyfikowana Luma (to jest podstawowy front-end razem z projektem graficznym, wykorzystywanym w Magento od czasu jego powstania). Oczywiście wizualnie Lumę można mocno zmienić (tak, że nie będzie przypominała ona w ogóle Lumy). Nie zmienia to jednak faktu, że od strony technicznej to cały czas jest po prostu Luma.
Wróćmy do historii dyrektora ecommerce. Projekt graficzny sklepu w niczym nie przypominał starej Lumy. Został on niesamowicie zmieniony.
Zakodowanie tego sklepu kosztowało kilkaset tysięcy PLN. Stworzenie tego frontendu na Lumie zajęło 1300 godzin. Jest to bardzo dużo.
Wspomniany dyrektor ecommerce spodziewał się, że po takiej inwestycji ten sklep na Magento zacznie generować ogromne zyski. Oczekiwał mnóstwa transakcji.
Pojawiło się drobne ale. Zaczął dostawać regularnie prośby od współpracującej agencji marketingowej, wskazujące na problem z szybkością sklepu. Jego niska ocena w wynikach Google PageSpeed, wpływała negatywnie na optymalizację serwisu pod kątem wyników organicznych, czyli SEO.
To prowadzi do problemu z rosnącymi kosztami sprowadzania użytkowników. Koszty reklam na Google Ads i ruchu płatnego stale rosną, a trend ten nie ulega zmianie. W efekcie, rentowność firmy spada.
Aby poprawić rentowność ecommerce można zacząć od zmiany proporcji źródeł ruchu. Trzeba przyciągać większą ilość bezpłatnego ruchu z wyników organicznych. Aby to osiągnąć, serwis musi być zoptymalizowany pod SEO.
Jednym z ważnym parametrów, decydującym o tym, czy sklep jest dobrze oceniany przez Google, jest jego szybkość. Właśnie na tym polu napotkaliśmy na poważny problem. Magento, które kosztowało kilkaset tysięcy PLN, działało zbyt wolno. W wynikach Google PageSpeed osiągało zaledwie około 20 punktów na mobile i około 37 na desktopie. To jest było zdecydowanie za mało, zwłaszcza, że konkurencja osiągała o wiele wyższe wyniki.
Aby konkurować z najlepszymi sklepami w branży fashion, powinniśmy dążyć do wyników rzędu 90 na mobile i około 95 na desktopie.
Przygotowałem więc plan, aby sklep działał szybciej i osiągał wyższe wyniki w Google PageSpeed.
Plan składał się z 5 punktów, ale na potrzeby tego wpisu postanowiłem dodać jeden dodatkowy. Jeżeli odczuwasz problemy podobne do tych, które napotkał ten dyrektor ecommerce, czyli spadającą rentownością biznesu spowodowaną rosnącymi kosztami reklamy i chciałbyś generować więcej bezpłatnego ruchu organicznego, ten plan będzie bardzo pomocny.
Jak przyspieszyć sklep na Magento?
Jeżeli zastanawiasz się jak przyspieszyć sklep na Magento to proponuję dwie różne koncepcje jeżeli front-end Twojego sklepu bazuje na Lumie (albo jest zbudowny na gotowym szablonie, który z kolei jest zbudowany na Lumie).
Zmiana frontendu na Hyvę
Pierwszym krokiem jest zastąpienie frontendu opartego na Lumie przez frontend oparty na Hyvie.
Na ten temat napisałem osobny artykuł. Jeśli chcesz dowiedzieć się, co to jest Hyva, zapraszam do przeczytania.
Na potrzeby tego artykułu krótka informacja—Hyvä to rodzaj frontendu Magento, który wyróżnia się niezwykłą szybkością. W Google PageSpeed, można osiągnąć wyniki na poziomie 90 na mobile i 95 na desktopie.
Natomiast koszt wdrożenia Hyvy to kilkaset godzin pracy programisty, koordynatora projektu, testera i projektanta graficznego. Niemniej jednak, dzięki temu zdobywamy olbrzymią przewagę konkurencyjną na rynku.
Dodatkowo wraz z wdrożeniem Hyvy, powinniśmy podjąć 2 dodatkowe czynności:
- zweryfikować każdy moduł pod kątem full page cache = false
- wdrożyć moduł do obrazków WebP
Celem jest zmiana formatu obrazków z ciężkich jpg, png lub podobnych na WebP. Jest to format obrazków, który jest bardzo lekki i promowany przez Google.
Optymalizacja Lumy w 7 krokach
Rozumiem, że koncepcja wdrożenia nowego frontuendu nie zawsze jest możliwa do realizacji, ponieważ wymaga ona całkiem wysokiego budżetu (chociaż i tak pewnie 2 razy mniejszego niż w przypadku wdrożenia PWA).
Mam więc alternatywną propozycję do wdrożenia Hyvy. Możesz spróbować zoptymalizować Lumę. Tutaj wrzucę tylko małą gwiazdkę—nawet po optymalizacji, osiągnięcie wyniki w Google PageSpeed nie wyższe niż około 85 dla wersji desktopowej i około 45 dla wersji mobilnej. Takie mniej więcej ograniczenia ma stara już Luma.
A więc po kolei:
- Włączenie Critical Path.
- Włączenie przenoszenia JSów na dół strony, żeby nie blokować heada.
- Włączenie minifikacji HTML’a, JS’ów, CSS’ów.
- Bundlowanie JS’ów.
- Wykluczenie niepotrzebnych paczek z Magento, które obciążają system, na przykład paczki GraphQL.
- Zweryfikowanie każdego modułu pod kątem full page cache = false.
- Wdrożenie modułu do obrazków w formacie WebP.
Wdrożenie tej listy kontrolnej zajmie kilkadziesiąt (mniej więcej 80), może nawet 110 godzin pracy programisty i testera.
Dzięki temu podniesiecie wyniki w Google PageSpeed do nawet około 85 punktów na desktopie i około 45 dla mobile.
Jeżeli nie jesteście gotowi na zmianę frontendu na Hyvę, to optymalizacja Lumy zapewnia dość szybką poprawę szybkości i jest to rozwiązanie bardziej ekonomiczne.
Optymalizacja PWA
Teraz przejdziemy do małego bonusu. Równie dobrze możecie mieć PWA, które jest wolne.
Mam jedną małą radę: zastosujcie server-side rendering. Chodzi o to, aby strony były renderowane po stronie serwera.
Podniesienie PHP do wyższej wersji
Kolejnym krokiem, który sugeruję to aktualizacja PHP do nowszej wersji. Zwykle taka zmiana przynosi niewielką poprawę szybkości, ale każda optymalizacja jest cenna.
Usunięcie niepotrzebnych modułów
Często zdarza się, że w projektach Magento, które istnieją już od pewnego czasu, znajdują się moduły, które nie są już wykorzystywane. Mimo że nie są one używane, nadal obciążają system Magento, spowalniając jego działanie. W takim przypadku zalecamy przeprowadzenie szczegółowego audytu i oczyszczenie Magento z niepotrzebnych modułów.
Nie tylko przyśpieszycie Magento, ale także zmniejsza przyszłe koszty utrzymania Magento. Na przykład, jeśli planujecie aktualizować Magento do wyższej wersji, nie będziecie musieli płacić za moduły, których nie używacie, co przyniesie oszczędności przy migracji do nowej wersji Magento.
Przegląd modułów powinien być przeprowadzany co najmniej raz na rok. Nie tylko poprawicie szybkość Magento, ale opieka Magento będzie mniej kosztowna w skali miesiąca.
Dobry hosting
Kluczowe jest pamiętanie o kilku aspektach hostingu. Nawet jeśli nie jesteście osobami technicznymi, wystarczy zapytać firmę, z którą współpracujecie, o te trzy punkty i koszty ich wdrożenia.
- Należy skupić się na łatwym skalowaniu maszyn obsługujących frontend. To, co jest związane z frontendem, jest kluczowe dla osiągnięcia wysokich wyników na Google PageSpeed.
- Inne ważne kwestie to optymalizacja architektury związanej z bazami danych.
- Dedykowanie osobnej maszyny do panelu administracyjnego.
Te 3 elementy w zakresie hostingu powinny przyspieszyć wyniki w Google PageSpeed.
Podsumowanie – co zrobić jeżeli Twoje Magento jest wolne
Podsumowując, jeśli chcielibyście przyspieszyć Magento i osiągać wyższe wyniki w Google PageSpeed, co przekłada się na lepsze wyniki w wyszukiwaniu organicznym i większy bezpłatny ruch, wypracowałem konkretny plan działań dla Ciebie.
Jeżeli korzystacie z Lumy i macie frontend oparty na tej technologii, możecie go zmienić na Hyvę.
Jeżeli jednak jesteście już na Lumie, przedstawiłem 7 głównych punktów, które można zrealizować, aby zoptymalizować Lumę. Realizacja tych punktów będzie wymagała około 80-110 godzin, ale pozwoli na przyspieszenie Lumy.
Dodatkowo, warto podnieść PHP do wyższej wersji, usunąć zbędne moduły oraz zoptymalizować hosting.
Jeśli korzystacie z PWA i zauważacie, że działa ono wolno, powinniście zainteresować się server-side renderingiem.
Jeżeli problem wolnego Magento jest u Ciebie aktualny i czujesz, że ruch płatny kosztuje coraz więcej, to chciałbym Cię zaprosić do kontaktu. Dokładnie omówimy Twoją sytuację i zaproponujemy plan działań, który w Twoim wypadku najszybciej doprowadziłby do poprawy wyników Google PageSpeed.
