Nie jest tajemnicą, że algorytmy Google RankBrain wpływają teraz na sklepy z wolnym ładowaniem. Tymczasem nikt nie chce szukać towarów poza pierwszą stroną wyników wyszukiwania. Badanie zaawansowanych rankingów internetowych pokazuje, że witryny na pierwszej stronie wyników wyszukiwania otrzymują prawie 95% ruchu w sieci, pozostawiając tylko 5% dla pozostałych stron. Ostatecznie, jeśli Twój sklep nie jest dobrze zoptymalizowany, Google go pesymalizuje i nie zdobędziesz tylu potencjalnych klientów, ile możesz.
Rozwiązanie
Rozszerzenie optymalizacji prędkości Magento 2 sprawia, że wydajność sklepu jest przyjazna zarówno dla użytkowników, jak i wyszukiwarek. Pomaga zwiększyć ranking w Google PageSpeed Insights. Odwiedzający nie opuszczą Twojego sklepu z powodu niewybaczalnie długiego ładowania. W międzyczasie Google Rankbrain szybciej zaindeksuje Twój sklep i zapewni ci najwyższe miejsca w wynikach wyszukiwania Google. Nie przegap okazji na zwiększenie konwersji!
JAK PRZYSPIESZYĆ MAGENTO 2?
Wykonaj następujące 5 kroków, aby zmaksymalizować wydajność witryny:
- Zminimalizuj kod HTML;
- Scal i zminimalizuj pliki JavaScript i CSS, aby zmniejszyć liczbę żądań serwera;
- Włącz płaski katalog;
- Zmień rozmiar zdjęć, aby zoptymalizować je pod kątem Internetu;
- Włącz leniwe ładowanie, aby wyświetlać obrazy według zapotrzebowania.
Przeczytaj nasz przewodnik dla początkujących na temat optymalizacji prędkości Magento, aby poznać ponad 20 przydatnych wskazówek.
Zoptymalizuj kod JS przez Amasty
Po uruchomieniu optymalizacji Amasty JS moduł automatycznie uruchamia scalanie, wiązanie, minimalizowanie plików JS i inne czynności, których nie trzeba wykonywać ręcznie. Zmniejsz wagę kodu JS i prośby o przyspieszenie sklepu Magento 2 i szybsze renderowanie zawartości strony internetowej.
Kompresuj kod „w locie”
Przyspiesz swój sklep Magento 2, zmniejszając kod HTML, CSS i JS do 10-20% bez wpływu na jego zawartość. Dodatkowe białe znaki, podziały wierszy, komentarze i ograniczniki bloków zostaną usunięte, aby przeglądarka internetowa mogła szybciej obsługiwać te pliki.
Scal CSS i JS w jednym pliku
Połącz zewnętrzne pliki CSS i JS w jeden. Z jednej strony moduł prędkości pomaga Magento 2 zmniejszyć liczbę żądań. Z drugiej strony scalone pliki CSS i JS są buforowane, co uniemożliwia przeglądarce załadowanie jednego pliku kilka razy.
Przenieś JS na dół strony
Nie wszystkie skrypty JS są potrzebne do poprawnego renderowania strony internetowej, poza tym niektóre z nich mają dużą wagę. Gdy tylko funkcja jest aktywowana, pliki JS są przenoszone na dół strony treści HTML. Odłóż ładowanie plików JS do końca renderowania strony, aby rozwiązać problemy z blokowaniem renderowania.
Odkładaj czcionki i drukuj ładowanie plików CSS
Zoptymalizuj krytyczną ścieżkę renderowania i popraw pierwszą zadowalającą farbę, ładując czcionki i drukując pliki CSS na końcu. Pliki te nie mają decydującego znaczenia dla renderowania strony i można je załadować po wszystkich plikach głównych. Możliwe jest wyłączenie określonych czcionek, których nie chcesz stosować do tej funkcji, z odraczania.
Podpisuj pliki statyczne
Pozwól Google Page Speed Optimizer dla Magento 2 unieważnić pamięć podręczną przeglądarki dla zasobów statycznych. Po aktywowaniu tej funkcji przeglądarka automatycznie zaktualizuje pliki pamięci podręcznej, aby zapobiec problemom związanym z przeglądarkami obsługującymi stare zasoby statyczne. Jednocześnie użytkownicy będą zawsze widzieć najnowsze zmiany, które wprowadziłeś. Use can alos może użyć tej wtyczki do wyczyszczenia pamięci podręcznej stronicowania
Użyj indeksowania asynchronicznego
Spróbuj indeksowania asynchronicznego, aby rozróżnić wzorce ruchu na poziomie bazy danych, aby uniknąć konfliktów między operacjami odczytu i zapisu w odpowiednich tabelach. Dzięki Magento 2 Google Page Speed możesz asynchronicznie przechowywać i indeksować dane zamówień. Zamówienia są składowane w magazynie tymczasowym i przenoszone masowo do siatki zarządzania zamówieniami bez kolizji.
Rozjaśnij obrazy według formatu Webp
Zastosuj tę funkcję do swojego sklepu, a rozszerzenie optymalizacji wydajności Magento 2 utworzy kopię każdego obrazu w formacie Webp. Obrazy stron internetowych są o 26% mniejsze w porównaniu do plików PNG.
Twórz obrazy w mniejszych rozdzielczościach
Gdy użytkownik dokonuje zakupu za pomocą telefonu komórkowego lub tabletu, nie warto ładować obrazu o wysokiej rozdzielczości na mały wyświetlacz. Rozszerzenie automatycznie tworzy kopie zdjęć odpowiednich dla urządzeń mobilnych i tabletów. Stosowanie mniejszych rozdzielczości pozytywnie wpływa na pozycję Google w telefonach komórkowych.
Automatycznie zmieniaj rozmiar zdjęć
Możliwe jest wybranie algorytmu zmiany rozmiaru lub obrazu przycięcia. Po zmianie rozmiaru obrazy zostaną obcięte proporcjonalnie do oryginałów, ale zmniejszą się w pikselach. Podczas kadrowania wycinasz część obrazu, zmieniając jego szerokość. Upewnij się, że zdjęcia na stronach produktów są odpowiednio wyświetlane.
Wybierz strategię kompresji JPEG
Magento 2 image compression allows you to reduce the size of JPEG images with 100, 90 or 80% of quality saving. Choose a middle ground between a higher quality or a lower weight of images and provide your Magento 2 store with significant performance improvements.
Wypróbuj narzędzie do optymalizacji obrazów PNG i GIF
Optymalizacja PNG i GIF to potężne narzędzie do kompresji wielkości twoich zdjęć i zdjęć przy jednoczesnym zachowaniu wysokiej jakości prawie bez różnicy przed i po kompresji. Zmniejsz wagę swoich zdjęć nawet o 67%!
Automatycznie optymalizuj obrazy
Funkcja pomaga automatycznie optymalizować obrazy z katalogu lub folderu Wysiwyg. Podczas ładowania strony obrazy z tych folderów będą przetwarzane, kompresowane i zapisywane w pamięci podręcznej. Poza tym możesz aktywować kolejkę optymalizacji dla dowolnego folderu z obrazami. Skróć czas ładowania sklepu za pomocą rozjaśnionych zdjęć.
NOWOŚĆ | Pobierz odpowiednio zoptymalizowane obrazy na podstawie danych agenta użytkownika
Skorzystaj z inteligentnego pobierania obrazów za pomocą User Agent, aby automatycznie ładować odpowiednio zoptymalizowane obrazy dla dowolnego urządzenia. Zastosuj wszystkie zaawansowane techniki optymalizacji szybkości strony, w tym Lazy Load, WebP i zmianę rozmiaru obrazu jednocześnie. W ten sposób, bez względu na to, jakie urządzenie może mieć Twój klient, strony będą ładowane w mgnieniu oka.
Unikaj opuszczania gości z powodu długiego czasu oczekiwania
Load images on websites asynchronously only when they appear in the browser’s viewport.This means that if users don’t scroll all the way down, images placed at the bottom of the page won't even be loaded. On a site with a significant number of images, lazy loading could make the difference between users staying or leaving your website.
Wybierz własną strategię ładowania
Ulepszenia optymalizacji wydajności Magento 2 pozwalają zdecydować, który z dwóch leniwych skryptów ładujących najlepiej odpowiada Twojemu systemowi. Możliwe jest wybranie między lazy Script jQuerry lub Lazy Script Native JS.
Zastosuj leniwe ładowanie do określonej strony
Wypróbuj zaawansowaną opcję leniwego ładowania. Możesz dostosować tę funkcję do stron sklepu, w których chcesz zapisać maksymalną jakość zdjęć: Ogólne, Strona główna, Kategoria, Produkt i Strony CMS. Ustaw określony typ dostosowania dla różnych stron sklepu.
Dostosuj liczbę obrazów wstępnego ładowania
Po wstępnym załadowaniu obrazy z zawartości strony widocznej na ekranie będą przetwarzane przez przeglądarkę jak zwykle. Pokaż klientom maksymalną jakość obrazu, aby uzyskać doskonałe pierwsze wrażenie widoku sklepu. Możesz wykluczyć niekompatybilne z leniwym ładowaniem obrazów z akcji wyróżniającej zawartość specjalnych bloków, aby uniknąć błędów.
