Odłóż ładowanie obrazów poza ekranem

lazyloading - leniwe ladowanie zdjec wordpress

Leniwe ładowanie obrazów może efektywnie poprawić prędkość wczytywania strony internetowej. Metoda ta załaduje jedynie zdjęcia i grafiki na samej „górze strony” odkładając na później ładowanie ich z dalszej części witryny. W rezultacie przeglądarka nie zostanie przyblokowana przez ładowanie dużej ilości zasobów i kontent strony będzie szybciej widoczny dla użytkownika.

Zalety stosowania lazyloadingu

  • Szybsze ładowanie strony
  • Mniejsza ilość ładowanych zasobów
  • Mniejsze obciążenie serwerów
  • Lepszy user experience

Ceny za stronę internetową zaczynają się już od 499 złotych!

Skorzystaj z darmowej wyceny strony www. W ciągu 48 godzin skontaktuję się z Tobą i przedstawię Ci moją ofertę. ​

Leniwe ładowanie obrazów wbudowane w WordPress`a

WordPress od wersji 5.5 wspiera natywne leniwe ładowanie obrazów. Jednak nie oznacza to że problem jest rozwiązany.

Jeżeli Twoja strona została zaprojektowana przy pomocy Page Buildera bardzo prawdopodobne jest to że obrazki na twojej witrynie nie otrzymały odpowiedniego atrybutu odpowiedzialnego za leniwe ładowanie grafik.

Dodatkowo warto wspomnieć, że natywny lazyloading nie jest wspierany przez starsze wersje przeglądarek. Jak więc zatem rozwiązać oba problemy za jednym zamachem ?

leniwe ladowanie obrazow caiuse

Jak odłożyć ładowanie obrazów poza ekranem

Odpowiedź jak i całe rozwiązanie jest bardzo proste. Leniwym ładowaniem obrazów poza ekranem zajmie się darmowa wtyczka.

Instalacja i aktywacja wtyczki

  1. Zainstaluj wtyczkę
    Wejdź do kokpitu na swojej stronie WordPress > Wtyczki > Dodaj nową > Lazy Load 
  1. Aktywuj wtyczkę
    Wtyczki > Lazy Load > Aktywuj

Konfiguracja wtyczki

  1. Przejdź do ustawień wtyczki
    Ustawienia > LazyLoad
  1. Zaznacz rekomendowane ustawienia
    Images – zaznacz
    Iframes & Videos – zaznacz jeżeli na Twojej witrynie są osadzone  filmy
    Replace Youtube videos by thumbnail – zaznacz jeżeli na Twojej witrynie są osadzone filmy
  1. Zapisz ustawienia
  1. Sprawdź czy zdjęcia na stronie ładują się poprawnie

Potrzebujesz pomocy z optymalizacja witryny?

Skontaktuj się ze mną

To wszystko

Jeżeli udało ci się zainstalować i skonfigurować wtyczkę to bardzo się cieszę. Możesz teraz sprawdzić w jaki sposób następujące zmiany wpłynęły na wydajność twojej witryny za pomocą bezpłatnego narzędzia PageSpeed.

Optymalizacja strony internetowej jest to wieloetapowy proces. Jeżeli twoja strona mimo starań nadal działa wolno to zachęcam do zainteresowania się innymi poradami na moim blogu.

Podobne wpisy