Najlepsze narzędzia i techniki optymalizacji stron Magento [2023]

Treść

Będąc jedną z najbardziej renomowanych platform CMS do tworzenia rozwiązań eCommerce, Magento stanowi obecnie podstawę około 1,5% wszystkich istniejących stron internetowych opartych na CMS. Dość solidny udział, biorąc pod uwagę bogactwo narzędzi wielofunkcyjnych na rynku i różnice w indywidualnych preferencjach inżynierów oprogramowania. Będąc tak szeroko stosowanym, Magento 2 nie może być jednak technicznie nazwany prostym w użyciu oprogramowaniem o stromej krzywej uczenia się.

Źródło obrazu: Magenticians

Dlatego wielu programistów bez dużego doświadczenia w pracy z frameworkiem ma problemy z optymalizacją wydajności. Optymalizacja szybkości Magento jest tym, co chcielibyśmy omówić bardziej szczegółowo w tym artykule.

Optymalizacja wydajności sieci Web dla Magento: czy tego potrzebujesz?

Liczne niedawne badania koncentrujące się na UX rozwiązań oprogramowania internetowego wskazują, że najbardziej optymalny czas ładowania wynosi od 1,5 do 3 sekund. Jeśli strona internetowa ładuje się dłużej, ponad połowa użytkowników ma tendencję do natychmiastowego opuszczania zasobu.

Dlaczego wydajność ma znaczenie

Nawet w dzisiejszych czasach, gdy prędkość łącza internetowego, którą może zaoferować większość globalnych dostawców, przekracza 100 Mbit/s, a operatorzy mobilni aktywnie przygotowują się do prędkości 5G, wydajność aplikacji internetowej lub witryny jest tak samo ważna jak zawsze. To właśnie znacząco wpływa na współczynniki konwersji, współczynniki odrzuceń, ruch i inne ważne biznesowe wskaźniki KPI. Podsumowując, należy pamiętać, że użytkownicy wybierają te rozwiązania internetowe i zasoby, które ładują się w mgnieniu oka.

Techniki i narzędzia optymalizacji wydajności sieci

W rzeczywistości wiele technik i w pełni funkcjonalnych narzędzi programowych (w zakresie CMS, aw szczególności Magento, w oficjalnym sklepie dostępne są różne rozszerzenia) są dedykowane procesom optymalizacji stron internetowych i aplikacji internetowych. Rzućmy okiem na te najczęstsze.

10 najważniejszych wskazówek, jak poprawić wydajność aplikacji

Są to główne metody, które pomogą Ci ostatecznie przyspieszyć ładowanie strony internetowej i poprawić wydajność aplikacji.

Źródło obrazu: Iskcononline

Zmień hosting

Niewystarczający poziom jakości usług Twojego obecnego dostawcy usług hostingowych może bardzo negatywnie wpłynąć na ogólną wydajność Twojej witryny lub aplikacji internetowej. Nigdy nie wybieraj tanich, nieodkrytych przez wielu zadowolonych poprzednich klientów opcji. Niedoświadczeni dostawcy lub dostawcy o niskim statusie mogą po prostu przeciążyć Twoje serwery.

Zalecamy rozważenie rozwiązań VPS/VDS, takich jak DigitalOcean, HostGator, iPage, Liquid Web itp.

Użyj CDN-a

Dość przystępnym sposobem na zwiększenie wydajności jest zastosowanie CDN (Content Delivery Network). Jest dostępny, ponieważ nie trzeba przepisywać bazy danych i ręcznie edytować treści, co byłoby prawdziwym zabójcą nastroju i stratą czasu, jeśli chodzi o projekty na dużą skalę.

CDN z kolei wyodrębnia wszystkie pliki statyczne z serwera Twojego zasobu i przechowuje je w pamięci podręcznej na innym serwerze dedykowanym. Następnie CDN przejmuje odpowiedzialność za ładowanie zawartości statycznej, znacznie zwiększając szybkość Twojej witryny. Rzecz w tym, że serwery CDN znajdują się na całym świecie. Oprogramowanie CDN działa podobnie do serwera proxy, znajdując najbliższy serwer użytkownika i przyspieszając dostarczanie treści.

Usuń niepotrzebne rozszerzenia

Nie ma znaczenia jakiego frameworka używasz, nadmierna liczba rozszerzeń i modułów wpływa równie negatywnie na wydajność wszystkich rozwiązań webowych. Im więcej żądań HTTP, tym wolniejsze działanie. Jeśli więc zauważysz znaczne opóźnienia, sprawdź, jakie wtyczki są zainstalowane na Twojej platformie.

Jeśli widzisz coś nieaktualnego lub niepotrzebnego, kliknij „Wyłącz” obok przestarzałego tytułu i zapisz ustawienia.

Jednak w każdym innym przypadku może to nie wystarczyć. Aby całkowicie wyłączyć moduł, należy całkowicie usunąć pliki modułu. Należy również sprawdzić, czy ten moduł współpracuje z bazą danych. Jeśli tak, będziesz musiał również usunąć dane bazy danych, co może nie być takie proste.

Pracuj nad swoimi obrazami

Jak pokazuje praktyka, obrazy i elementy wizualne stanowią ponad połowę wszystkich treści na stronie internetowej. Dlatego przyspieszenie ładowania obrazu jest najbardziej rozsądną, zorientowaną na optymalizację decyzją.

W tym celu eksperci zalecają kompresję zdjęć przed przesłaniem ich do zasobu. Można to zrobić za pomocą dowolnego dostępnego edytora zdjęć lub za pomocą jednego z rozszerzeń automatyzacji Magento.

Większość deweloperów Magento woli darmowy moduł kompresji obrazów JPEG i PNG lub płatny i znacznie bardziej wnikliwy kompresor JS i CSS + optymalizacja obrazu.

Usuń dzienniki

Domyślny termin przechowywania logów w Magento 2 to 180 dni. Jednak im więcej danych dziennika zbierzesz, tym bardziej te duże ilości danych wpłyną na wydajność zasobu. Spróbuj wybrać inne parametry, na przykład 2 tygodnie przechowywania.

W tym celu przejdź do sekcji „Dziennik” i dostosuj ustawienia przechowywania dziennika.

Użyj akceleratora PHP

Głównym celem akceleratora PHP jest zwiększenie wydajności interpretera kodu poprzez buforowanie kodu bajtowego w skryptach. Wraz z wbudowanymi możliwościami Magento 2 programiści zwykle używają również akceleratora OPcache.

Strony internetowe w pamięci podręcznej

Buforowanie strony to jeden z najskuteczniejszych sposobów na przyspieszenie wydajności zasobu. Z pewnością możesz użyć domyślnego narzędzia do buforowania stron Magento 2, jednak Varnish jest bardziej zalecaną opcją. Możesz także użyć wyspecjalizowanych rozszerzeń, takich jak Full Page Cache.

Dostosuj plik .htaccess, aby zoptymalizować procesy buforowania

.htaccess to plik konfiguracyjny serwera WWW Apache, który umożliwia lokalną zmianę ustawień w osobnych katalogach i wszystkich kolejnych podkatalogach, zastępując parametry w standardowym pliku konfiguracyjnym serwera parametrami .htaccess. Jeśli chodzi o optymalizację wydajności, ten plik pomoże Ci zastosować dodatkowe ustawienia buforowania, takie jak użycie nagłówka wygasania i/lub połączenie kompresji Gzip.

Nawiasem mówiąc, niektórzy programiści wolą używać Nginx niż Apache, co również może przyspieszyć pracę rozwiązań opartych na Magento, dostarczając klientowi statyczne treści znacznie wydajniej.

Zaimplementuj jeden katalog

Magento stosuje dość specyficzne podejście do przechowywania danych - EAV, które gwarantuje, że byty, ich atrybuty i wartości ich atrybutów znajdują się w różnych tabelach. Jeśli Twój sklep internetowy zawiera tysiące artykułów, najbardziej rozsądne jest utworzenie jednego Płaskiego Katalogu dla wszystkich kategorii i produktów.

• Możesz to zrobić w następujący sposób:
• Przejdź do „Katalog”->„Atrybuty”->„Zarządzaj atrybutami”;
• Dodaj wymagane atrybuty do tabeli Płaski, określając „Tak” w „Używane na liście produktów” lub „Używane do sortowania na liście produktów”;
• Dodaj elementy do płaskich tabel płaskich w opcjach „Użyj kategorii katalogu płaskiego” i „Użyj produktu z katalogu płaskiego”.

Po wykonaniu tej czynności musisz wyczyścić pamięć podręczną, przechodząc do „System” -> „Zarządzanie pamięcią podręczną” i wybierając „Wyczyść pamięć podręczną”.

Połącz JS z CSS

Magento 2 ma wbudowaną funkcję, która łączy razem pliki JS i CSS. Takie podejście powoduje jednak, że łączone pliki zajmują do 10 Mb miejsca, a na każdej stronie ładowany jest cały kod JS z całego katalogu aplikacji (niezależnie od tego, czy skrypty są faktycznie używane, czy nie).

Jeśli masz taki problem, spróbuj włączyć moduł optymalizacyjny, taki jak Google Page Speed ​​Optimizer.

Rozszerzenie optymalizacji prędkości Magento 2

Biorąc to wszystko pod uwagę, najprostszym sposobem obejścia wyżej wymienionych technik, które przyspieszają ładowanie stron internetowych, jest pobranie rozszerzenia mającego na celu optymalizację szybkości rozwiązań Magento. Jest to zdecydowana droga do obrania dla projektów na dużą skalę, która zaoszczędzi wewnętrznym programistom dużo czasu.

Z drugiej strony nie wszystkie małe i średnie projekty mogą sobie poradzić z zakupem wymaganych rozszerzeń.

Firmy zajmujące się optymalizacją szybkości aplikacji internetowych Magento

Możesz zapomnieć o nadmiernym wysiłku i po prostu zatrudnić specjalistów od budowy i optymalizacji oprogramowania opartego na Magento. Upewnij się, że praca z Magento jest głównym obszarem zainteresowania agencji, z którą zamierzasz współpracować - jest to dość specyficzny CMS, który może nie być tak łatwy do opanowania przez firmy deweloperskie o szerszym profilu.

Optymalizacja prędkości Magento - podsumowanie

Źródło obrazu: Chilliapple

Jak widzisz, możesz przyspieszyć działanie swojego rozwiązania Magento na różne sposoby. O tym, z którymi się rozliczyć, decydują Twoje indywidualne preferencje, budżet i specyfika projektu.

Jeśli chcesz natychmiast skrócić czas ładowania aplikacji internetowej o połowę, skontaktuj się z nami. Włożymy trochę wnikliwych, opartych na wiedzy wysiłków, aby Twoje rozwiązanie internetowe było całkowicie szybkie i satysfakcjonujące dla użytkownika.