Jak szybko poprawić swój sklep Magento Google PageSpeed ​​Insights bez bycia programistą?

Ostatnia aktualizacja - 8 lipca 2021

Wysoki wynik Google PageSpeed ​​Insights stał się czymś w rodzaju znaku jakości dla sklepów Magento. I chociaż zarówno Google, jak i główne zespoły optymalizacyjne Magento podkreślają, że nie jest to dobre narzędzie do mierzenia optymalizacji wydajności, sprzedawcy internetowi nadal polegają na nim, aby monitorować, jak działa ich sklep pod względem szybkości i niezawodności.

Dlatego opracowaliśmy mały przewodnik, jak szybko poprawić wynik Google PageSpeed, nawet jeśli nie masz żadnej wiedzy programistycznej. Wszystkie nasze poprawki są łatwe do wdrożenia, pakują dużo energii przy minimalnym wysiłku i można je wdrożyć w ciągu jednego dnia.

Poprawka nr 1. Zdobądź dobry CDN

Sieć dostarczania treści nie jest lekarstwem na wszystko dla sklepów Magento, ale jest tak blisko, jak tylko możesz. Oprócz oczywistych korzyści płynących z szybszego dostarczania zasobów i obniżonych opóźnień, CDN oferuje zestaw funkcji, które mogą przyspieszyć Twój sklep Magento:

• optymalizacja mediów (CDN wie, jak zmniejszyć ogólny rozmiar obrazu bez utraty jakości),
• minifikacja i kompresja zasobów statycznych, takich jak pliki CSS, JS i HTML (tworzenie mniejszych zasobów może zdecydowanie pomóc w szybszym ich serwowaniu nawet w wolniejszych sieciach),
• zamień starsze pliki JPEG na nowoczesny format WebP dla przeglądarek, które go obsługują (obrazy ładują się szybciej i zajmują mniej miejsca),
• konwertować obrazy do formatu progresywnego (obrazy progresywne ładują się w inny sposób niż konwencjonalne, co daje użytkownikom poczucie wyższej wydajności, mimo że technicznie sklep ładuje się z tą samą prędkością),
• odroczyć ładowanie zasobów (Magento musi głównie odroczyć parsowanie JavaScript ) w celu przyspieszenia dostarczania krytycznych zasobów,
• priorytetyzuj protokoły HTTP/2 i QUIC , aby ładować pliki szybciej i bez synchronizacji,
• dostroić wiek pamięci podręcznej do optymalnych wartości,
• udostępniać różne wersje obrazu różnym użytkownikom (wielowersja jest przydatna, gdy przeglądarka potrzebuje na przykład obrazu o mniejszym rozmiarze).

Instalacja i konfiguracja CDN nie wymaga dużej wiedzy technicznej. Przez większość czasu będziesz w stanie poradzić sobie z zadaniem bez większych trudności. CDN jest jednym z najlepszych rozwiązań dla wydajności frontendu Magento. Jego integracja może znacznie poprawić Twój wynik Google PageSpeed ​​ze względu na samą liczbę przydatnych poprawek, które oferuje.

Mimo że CDN jest najlepszym narzędziem w naszym zestawie narzędzi, chcielibyśmy pokazać Ci dwie dodatkowe opcje, jak przyspieszyć działanie Twojego sklepu i mamy nadzieję, że jego wynik PageSpeed ​​będzie jeszcze wyższy.

Poprawka nr 2. Wybierz odpowiedni hosting Magento

Magento to wymagająca i intensywnie korzystająca z zasobów platforma, która wymaga skoncentrowanego zespołu wsparcia, który pomoże Ci wycisnąć z serwera ostatni kawałek wydajności.

Niestety, przez większość czasu właściciele sklepów Magento nie postrzegają dobrego dostawcy hostingu jako opłacalnej inwestycji. Zamiast dopasowywać wymagania swojego sklepu do wydajnego środowiska serwerowego, zastanawiają się, jak zoptymalizować Magento, aby umieścić go w restrykcyjnych granicach współdzielonego rozwiązania hostingowego lub wirtualnego serwera prywatnego typu barebone.

Dlatego tak ważne jest, aby starannie wybrać środowisko hostingowe Magento, a jeszcze bardziej skrupulatnie – zespół wsparcia technicznego Twojego dostawcy. Będą to osoby, które pomogą Ci skonfigurować środowisko i uporać się z potencjalnymi trudnościami technicznymi, jakie możesz napotkać.

Dobry hosting i potężny serwer przełoży się na widoczną poprawę wyniku Google PageSpeed. Im silniejszy serwer, tym więcej problemów złagodzi związane z wąskimi gardłami procesora – a procesor jest najczęstszym wąskim punktem w sklepach internetowych Magento. Więc nie wątp, czy potrzebujesz silniejszego serwera – prawdopodobnie powinieneś po prostu go zaktualizować.

Nasze zalecenia tutaj: zrób swoje badania. Czytaj recenzje, pytaj, rozmawiaj z ekspertami społeczności, porównuj oferty różnych dostawców, zadawaj tym hosterom konkretne pytania.

Poprawka nr 3. Zoptymalizuj ustawienia administratora Magento

Sekcja Magento Admin jest często pomijana, ale jest to skuteczny wektor optymalizacji Magento. Jedną z zalet optymalizacji panelu administracyjnego Magento jest to, że tak naprawdę nie musisz robić ekstremalnie technicznych rzeczy. Wystarczy postępować zgodnie z prostymi instrukcjami, jak zmienić określone ustawienia w Magento.

Włącz katalogi płaskie. To skuteczne rozwiązanie, gdy masz w sklepie tysiące unikalnych produktów. Płaskie katalogi i produkty zmieniają sposób, w jaki Magento zapisuje atrybuty produktów w sklepie. Zamiast trzymać je w oddzielnych tabelach bazy danych, buduje płaską strukturę, która pomaga serwerowi znacznie szybciej pobierać wartości atrybutów niż wcześniej. Przejdź do Sklepy > Ustawienia > Konfiguracja > Katalog > Witryna sklepowa i zmień te dwie opcje na Tak .

Zmień ustawienia JS. Z jakiegoś powodu domyślne ustawienia Magento JS nie są optymalne. Ale jeśli poważnie myślisz o wydajności Magento, zalecamy przejście do Sklepy > Ustawienia > Konfiguracja > Zaawansowane > Programista > Ustawienia JavaScript i zmień je, jak pokazano poniżej.

Zmień ustawienia CSS. Niezoptymalizowany CSS może poważnie wpłynąć na wydajność, więc dobrym pomysłem jest zminimalizowanie tego wpływu. Przejdź do Sklepy > Konfiguracja > Zaawansowane > Deweloper i zmień na TAK Minimalizuj i scalaj ustawienia CSS.

Zmień ustawienia HTML. Ustawienia HTML znajdują się w Sklepy > Konfiguracja > Zaawansowane > Deweloper > Ustawienia szablonu . Włącz minifikację HTML, aby zaoszczędzić dane i przyspieszyć ładowanie strony internetowej. Zminimalizowany kod jest mniej czytelny, ale znacznie bardziej kompaktowy, co jest świetną funkcją, gdy martwisz się o wydajność dostarczania.

Poprawka bonusowa. Włącz Elasticsearch!

Wyszukiwanie w sklepie tak naprawdę nie wpływa na wynik Google PageSpeed ​​Insights, ale mimo to jest to coś, co powinieneś wdrożyć. Elasticsearch to ogromna poprawa doświadczenia użytkownika i oferuje ogromne korzyści w zakresie jakości życia Twoich klientów.

Chodzi o to, że wyszukiwanie w sklepie jest często jednym z najbardziej frustrujących elementów całego doświadczenia zakupowego, jeśli jest powolne lub niedokładne. Dla śpieszących się użytkowników jakość wyszukiwania może stanowić różnicę między dokonanym zakupem a utraconym klientem.

Elasticsearch oferuje łatwe skalowanie poziome, szybkie wyniki, inteligentne możliwości wyszukiwania, synonimy i blokowanie używania słów oraz obsługę wielu języków.

Przejdź do Sklepy > Ustawienia > Konfiguracja > Katalog > Katalog > Wyszukiwanie w katalogu , aby włączyć Elasticsearch. Proces konfiguracji jest bardziej skomplikowany niż poprzednie 3 poprawki, ale daje wystarczająco dużo korzyści, aby warto było poświęcić chwilę. Po włączeniu żądanej wersji Elasticsearch należy postępować zgodnie z tym przewodnikiem , aby w pełni zainstalować tę nową wyszukiwarkę.

Uwaga: dostawcy hostingu skupieni na Magento będą dobrze zaznajomieni z Elasticsearch i często mają gotowe do użycia rozwiązania integracyjne Elasticsearch, z których możesz korzystać. Widzisz, jak to wszystko się łączy? Dobry dostawca hostingu Magento znacznie ułatwi Ci życie w tak wielu aspektach.

Uzyskiwanie idealnego wyniku. Czy w ogóle tego potrzebujesz?

Wynik Google PageSpeed ​​opiera się na dziesiątkach oddzielnych audytów, które oceniają szybkość Twojego sklepu na tak wiele sposobów, że trudno je tutaj nawet wymienić. Musisz zrozumieć, że wynik jest bez znaczenia, jeśli ścigasz go sam, bez uprzedniego spojrzenia na wrażenia użytkownika i zaangażowanie użytkowników. To są prawdziwe wskaźniki, które chcesz podnieść.

Sposób, w jaki Twoi klienci przeglądają, jak zachowują się w kasie, w koszyku lub w siatce produktów. Zobacz, gdzie konwersje rosną lub spadają i jak możesz je poprawić. W końcu prawdziwi ludzie przynoszą realną sprzedaż. Roboty nie są tak ważne dla Twojego sklepu.