Włącz leniwy ładowanie zdjęć w witrynie WordPress!

Artykuł napisany przez:
  • WordPress
  • Zaktualizowano: Dec 10, 2016

Leniwe ładowanie to bardzo przydatna sztuczka, która ładuje strony internetowe znacznie szybciej lub pozornie dużo szybciej. Powiedzmy, że masz stronę internetową z obrazami 20, co nie jest zbyt rzadkie. Jak myślisz, ile czasu zajmuje załadowanie wszystkich obrazów 20 i ile czasu ładowania strony ma na to wpływ? Można by pomyśleć, że znaczna część czasu ładowania stron takich jak ta idzie w kierunku zdjęcia i inne ciężkie obiekty danych.

Z leniwym ładowaniem można jednak opóźnić ładowanie obrazów jeszcze nie w związku z czytnikiem. A to oznacza, że ​​to, co czytelnik widzi, ładuje się dużo szybciej, co sugeruje, że strona jest o wiele szybsza niż w rzeczywistości.

Leniwe ładowanie można łatwo zrealizować za pomocą darmowych wtyczek WP. Powinieneś wiedzieć, że niektóre wtyczki pamięci podręcznej, takie jak WP Rocket, zawierają leniwe skrypty ładujące jako część ich funkcjonalności.

Rakieta Lazy ładowania

Ta wtyczka zmniejsza całkowitą liczbę żądań HTTP, co oznacza, że ​​zmniejsza liczbę razy, ile serwer musi się komunikować, aby przekazać tę samą ilość informacji. W rezultacie zmniejsza się czas ładowania i wykorzystanie zasobów serwera.

Rocket Lazy Load działa, aby wyświetlać tylko obrazy widoczne dla czytelnika. Działa również na prawie wszystkich zdjęciach (w tym miniaturach, obrazach w treści postów lub w widgecie tekstowym). Wtyczka nie wykorzystuje jQuery, działa poprzez dodanie JavaScript do nagłówków strony, a skrypt jest niesamowicie lekki. A oto najbardziej atrakcyjna część wtyczki, moim zdaniem - nie ma żadnych opcji, prosta wtyczka i aktywacja, gotowe.

Fakt, że nie ma opcji, może nie być zbyt atrakcyjny dla kilku osób. Masz inne możliwości leniwego ładowania, które pozwalają na większy wybór, czytaj dalej!

Pobierz Rocket Lazy Load

Lazy ładowania

Ta wtyczka Lazy Load używa jQuery.sonar do ładowania obrazów, gdy czytnik przewija się w dół, a obrazy pojawiają się. Lazy Load zostało stworzone przez niesamowitych ludzi z Automattic. Leniwe ładowanie powinno skracać czas ładowania witryny, a także zwiększać przepustowość serwera. Wtyczka zapewnia zmniejszone wykorzystanie przepustowości serwera poprzez ładowanie tylko obrazów, które są w związku z ładowaniem czytnika.
Pobierz Lazy Load

Ładunek leniwy BJ

BJ Lazy Load zmniejsza wykorzystanie przepustowości serwera, a także sprawia, że ​​witryna jest szybsza, zastępując wszystkie obrazy postów, miniatury, treści iframe i gravatars z symbolem zastępczym. Osadzone filmy z YouTube i Vimeo są również objęte tą wtyczką.

Możesz także spróbować leniwego ładowania obrazów i elementów iframe w swoim motywie.

BJ

Największą różnicą jest dostępność wyboru, która nie jest dostępna w większości innych leniwych wtyczek do ładowania. Możesz wybierać spośród obrazów w treści, miniatur, widżetów tekstowych, gravatarów, ramek iframe i różnych klas obrazów, dla których możesz włączyć / wyłączyć leniwe ładowanie.

Pobierz BJ Lazy Load

Inne wtyczki

Zaawansowane Lazy Load to kolejna leniwy plugin do ładowania stron internetowych opartych na WordPressie i ma wiele opcji bardzo podobnych do BJ Lazy Load. Możesz także wybrać ustawienia leniwego obciążenia dla urządzeń mobilnych, które mogą być wymagane przez witryny z dużą liczbą odsłon strony mobilnej.

Lazy Load XT jest darmową wtyczką, która oferuje leniwe ładowanie prawie każdego rodzaju treści, w tym ramek iframe, filmów i oczywiście obrazów. Wtyczka jest również wtyczką typu „waga piórkowa” i nie wymaga zbyt wielu zasobów, aby mogła działać skutecznie. Lazy Load XT działa poprzez zastąpienie atrybutów src przez data-src, gdy żądania serwera są wykonywane dla zawartości strony WWW.

Do Ciebie!

Leniwe ładowanie zdecydowanie poprawia komfort użytkowania. Leniwe ładowanie jest bardzo ważne dla ciężkich witryn internetowych, jest to prosta sztuczka, która zapewnia bardzo szczęśliwy czytnik.

Pamiętaj, że wtyczka leniwego ładowania opóźnia ładowanie obrazów. Aby strona była naprawdę wydajna i zapewniała optymalną wydajność, warto rozważyć wykorzystanie CDN do obsługi wszystkich statycznych danych i potężna wtyczka do buforowania, taka jak W3 Total Cache przekształcić dynamiczną zawartość w statyczną.

O Wisznu

Vishnu jest niezależnym pisarzem w nocy, pracuje jako analityk danych w ciągu dnia.