Dodano parametr fetchpriority do zarządzania ładowaniem obrazów karty produktu
Na platformie BooStore.pro dodano nowy parametr zarządzania ładowaniem obrazów — fetchpriority. W ustawieniach dostępny jest teraz rozszerzony zestaw trybów, który pozwala elastycznie kontrolować sposób i miejsce ładowania obrazów na stronie.
Co się zmieniło
W systemie dostępne są rozszerzone parametry, które umożliwiają:
- włączanie lub wyłączanie
loading="lazy" - zarządzanie dodawaniem rozmiarów obrazu (width/height)
- włączanie
fetchpriority="high"dla priorytetowego ładowania (nowy parametr) - ustawianie różnych trybów osobno dla karty produktu i listy produktów
- całkowite wyłączanie lub łączenie parametrów
Czym jest lazyload i fetchpriority
Lazy Load (loading="lazy") — to opóźnione ładowanie obrazów. Grafiki są wczytywane dopiero wtedy, gdy użytkownik przewinie stronę do ich miejsca. Zmniejsza to początkowe obciążenie i przyspiesza wyświetlanie strony.
Fetch Priority (fetchpriority="high") — to priorytetowe ładowanie obrazu. Przeglądarka otrzymuje sygnał, że określony obraz (np. główne zdjęcie produktu) powinien zostać załadowany szybciej niż inne zasoby. Jest to szczególnie ważne dla elementów LCP.
Pełna elastyczność zarządzania
Nowe parametry pozwalają łączyć tryby i precyzyjnie konfigurować strategię ładowania:
- włączać lazyload tylko tam, gdzie jest to potrzebne
- dodawać rozmiary obrazów w celu zapobiegania CLS
- ustawiać fetchpriority dla głównych obrazów
- rozdzielać ustawienia dla listy produktów i karty produktu
Dlaczego to ważne
Elastyczne zarządzanie ładowaniem obrazów pozwala:
- przyspieszyć wyświetlanie stron
- poprawić wskaźniki LCP i CLS
- zwiększyć ocenę w Google PageSpeed
- zmniejszyć obciążenie serwera i przeglądarki
- poprawić czynniki behawioralne
Teraz w BooStore.pro dostępna jest pełna elastyczność zarządzania ładowaniem obrazów w celu maksymalnego przyspieszenia strony i poprawy wyników Google PageSpeed.