Lazy loading obrazków w PrestaShop - implementacja
Lazy loading obrazków w PrestaShop - implementacja
Jak dodać lazy loading do obrazków produktów? Chcę żeby zdjęcia ładowały się dopiero gdy użytkownik scrolluje do nich.
Re: Lazy loading obrazków w PrestaShop - implementacja
Najprostsze rozwiązanie: dodaj atrybut loading="lazy" do tagów img w szablonach. Współczesne przeglądarki obsługują to natywnie.
Re: Lazy loading obrazków w PrestaShop - implementacja
W szablonie listy produktów (catalog/listing/product-list.tpl) znajdź tagi img i dodaj loading="lazy". Nie dodawaj do first fold images (widocznych bez scrollowania).
Re: Lazy loading obrazków w PrestaShop - implementacja
Dla bardziej zaawansowanego rozwiązania: biblioteka lazysizes.js. Zamienia src na data-src i ładuje obrazki przy scrollowaniu.
Lepszy sklep działający niż idealny w planach.
Re: Lazy loading obrazków w PrestaShop - implementacja
Efekt: PageSpeed score wzrasta o 10-20 punktów. Strona ładuje się szybciej bo nie pobiera wszystkich zdjęć na raz.
Dobry UX to najlepsza strategia marketingowa.
Kto jest online
Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 0 gości