Obsługa loading lazy i decoding async na poziomie presenterów obrazów PrestaShop
PrestaShop image lazy loading pomaga Twojemu sklepowi sprawiać, że strony z wieloma obrazami działają szybciej, bo przeglądarka może najpierw ładować to, co kupujący widzi od razu. Automatic SEO Images Lazy Tags dodaje loading="lazy" oraz opcjonalnie decoding="async" do obrazów produktów, list i edytowalnych treści PrestaShop bez zmian w szablonach motywu.
Moduł wzbogaca dane obrazów na poziomie presenterów i przetwarza także HTML WYSIWYG przechodzący przez filtrowanie treści PrestaShop. Istniejące atrybuty loading są respektowane, obrazy inline data URI są pomijane, a konfigurowalna klasa wykluczenia pozwala ładować od razu ważne obrazy nad pierwszym ekranem.
Konfiguracja jest celowo prosta: włącz lazy loading, zdecyduj o async decoding i ustaw klasę opt-out. To praktyczna pomoc wydajnościowa, nie kompresor obrazów ani konwerter formatów.
- Wzbogacanie danych obrazów. Wyjście obrazów produktów otrzymuje
loading="lazy"dla obrazów głównych, domyślnych i galerii, z opcjonalnymdecoding="async". - Obsługa pól treści. Edytowalne treści HTML są skanowane pod kątem znaczników obrazów i wzbogacane przed wyświetleniem na froncie sklepu.
- Klasa wykluczenia. Obrazy w edytowalnym HTML można pominąć za pomocą skonfigurowanej klasy wykluczenia, domyślnie
no-autolazy. - Poszanowanie istniejących atrybutów. Obrazy treści, które mają już atrybut loading, pozostają bez zmian, z wyjątkiem możliwości dodania brakującego async decoding.
- Bezpieczne dla obrazów Data URI. Wbudowane obrazy Data URI są pomijane i nie otrzymują atrybutów opóźnionego ładowania.
- Niewielki zakres konfiguracji. Formularz ustawień ma tylko trzy kontrolki: włączenie opóźnione ładowanie, ustawienie klasy wykluczenia oraz wybór, czy dodawać async decoding.
Opóźnione ładowanie i async decoding obrazów w PrestaShop
Automatic SEO Images Lazy Tags dodaje do obrazów PrestaShop atrybuty opóźnionego ładowania oraz opcjonalne async decoding, aby obrazy poza pierwszym widokiem nie blokowały szybkiego wyświetlenia strony. Strony produktów, kategorii, wyszukiwania i treści z dużą liczbą grafik mogą sprawiać wrażenie wolnych, gdy każdy obraz ładuje się od razu. Moduł stosuje zachowanie ładowania na poziomie prezentacji obrazów PrestaShop i udostępnia w panelu administracyjnym klasę wykluczenia dla obrazów, które muszą pojawić się natychmiast.
Spraw, aby strony pełne obrazów działały szybciej
Klienci mają mniej cierpliwości, gdy strona produktu lub kategorii zbyt długo staje się użyteczna, szczególnie na urządzeniach mobilnych. Opóźnione ładowanie pomaga przeglądarce nadać priorytet temu, co kupujący widzi najpierw, zamiast zużywać transfer na obrazy znajdujące się daleko niżej. Szybsze odczuwalne ładowanie może chronić sprzedaż, ponieważ wolne strony często tracą odwiedzających, zanim porównają produkty albo przejdą do koszyka.
Popraw wydajność bez edycji motywu
Dodawanie atrybutów opóźnionego ładowania bezpośrednio w szablonach jest kruche, bo aktualizacje motywu, zmiany w motywie potomnym albo nowe moduły mogą cofnąć wykonaną pracę. Ten moduł stosuje atrybuty obrazów przez przepływ prezentacji obrazów w sklepie, więc konfiguracja pozostaje w jednym miejscu. Oszczędza to czas programisty i zmniejsza ryzyko, że przyszła zmiana motywu po cichu usunie ważną poprawę szybkości.
Ładuj od razu ważne obrazy z pierwszego widoku
Bezrefleksyjne opóźnianie każdego obrazu może zaszkodzić, jeśli główna grafika, logo, slider lub pierwszy obraz produktu powinny pojawić się natychmiast. Moduł udostępnia klasę CSS wykluczenia dla edytowalnych obrazów treści, które nie mogą być ładowane z opóźnieniem. Dzięki temu zyskujesz szybkość na mniej priorytetowych grafikach, chroniąc elementy wizualne kształtujące pierwsze wrażenie klienta.
Szanuj istniejące atrybuty i klasy wykluczenia
Moduł ma celowy, wąski zestaw ustawień: włączenie opóźnione ładowanie, opcjonalne dodanie async decoding oraz zdefiniowanie klasy wykluczenia dla obrazów wymagających natychmiastowego ładowania. Działa na obrazach produktów, obrazach list i edytowalnych treściach HTML, takich jak opisy oraz strony CMS. To praktyczne wsparcie wydajności, a nie pełny pakiet optymalizacji obrazów, dlatego nie obiecuje kompresji, zmiany formatów ani gwarantowanych wyników Core Web Vitals.
-
Referencjamprseoimageslazytags
-
Dostępny2147483647 Przedmioty
-
Kompatybilność z PrestaShopPS 1.7 – 9.x
-
Model cenowyJednorazowy zakup
-
Typ modułuFront & Back-office
-
Dotyczy RODONie
-
Cel biznesowyZwiększyć ruch
-
Wymagane konto zewnętrzneNie
-
Złożoność modułuRozbudowany moduł
-
Etap ścieżki klientaPrzyciągnąć odwiedzających
-
Działa z platformąBez zewnętrznej platformy
Przyspiesz każdą stronę swojego sklepu, odraczając ładowanie obrazów poza ekranem bez dotykania żadnego pliku szablonu — moduł automatycznie przypisuje odpowiedni atrybut loading="lazy" lub loading="eager" do każdego obrazu w zależności od jego pozycji na s...
Co mówią o nas klienci
Bądź pierwszą osobą, która podzieli się doświadczeniem z tym modułem.
Napisz opinię
Brak znanych problemów
Ładowanie szczegółów zgłoszenia...
- Addedcomplete FR/DE/ES/IT/PL translations
- FixedRegister lazy image tag autoload namespace
- FixedMigrate config to ConfigTable, fix parse error in deleteConfigs
30 dni na zwrot
Łatwy zwrot - bez pytań
Moduły Plug & Play
Zainstaluj, skonfiguruj i zarabiaj
Wsparcie na pierwszym miejscu
Priorytet pomocy i satysfakcji