Chcesz dowiedzieć się, jak leniwie ładować obrazy w WordPress?

Leniwe ładowanie pozwala witrynie ładować obrazy tylko wtedy, gdy użytkownik przewija w dół do określonego obrazu, co skraca czas ładowania witryny i poprawia wydajność witryny.

Najpopularniejsze witryny, które są ciężkie, wykorzystują leniwe Ładowanie, aby zwiększyć szybkość i wydajność witryny.

W tym artykule pokażemy Ci, jak łatwo leniwie ładować obrazy w WordPress, krok po kroku.

How to lazy load images in WordPress easily (2 ways)

Dlaczego leniwe ładowanie obrazów w WordPress?

Leniwe ładowanie obrazów WordPress może przyspieszyć witrynę i zaoferować lepsze wrażenia użytkownika.

Nikt nie lubi powolnych stron internetowych. W rzeczywistości badanie wydajności wykazało, że jednosekundowe opóźnienie w czasie ładowania strony prowadzi do 7% mniej konwersji, 11% mniej wyświetleń strony i 16% spadek zadowolenia klienta.

Strangeloop Study

Wyszukiwarki takie jak Google też nie lubią powolnego ładowania stron internetowych. Dlatego szybsze witryny plasują się wyżej w wynikach wyszukiwania.

Obrazy zajmują najwięcej czasu na załadowanie witryny w porównaniu z innymi elementami sieciowymi. Jeśli dodasz wiele obrazów do artykułów, każdy obraz wydłuży czas ładowania strony.

Jednym ze sposobów radzenia sobie z tą sytuacją jest użycie usługi CDN, takiej jak BunnyCDN. CDN pozwala użytkownikowi pobierać obrazy z najbliższego im serwera sieci web i zmniejszać szybkość ładowania witryny.

Jednak obrazy będą nadal ładowane i będą miały wpływ na ogólny czas ładowania strony. Aby rozwiązać ten problem,możesz opóźnić ładowanie obrazu, wdrażając leniwe ładowanie w swojej witrynie.

Jak działa leniwe ładowanie obrazów?

Zamiast ładować wszystkie obrazy na raz, leniwe Ładowanie pobiera tylko obrazy widoczne na ekranie użytkownika. Zastępuje wszystkie inne obrazy obrazem zastępczym lub pustą spacją.

Gdy użytkownik przewija stronę w dół, witryna ładuje obrazy widoczne w obszarze przeglądania przeglądarki.

Leniwe ładowanie może być bardzo korzystne dla Twojego bloga WordPress.

  • Skraca to początkowy czas ładowania strony internetowej, dzięki czemu użytkownicy szybciej zobaczą Twoją witrynę
  • Oszczędza przepustowość, dostarczając tylko obrazy, które są oglądane i można zaoszczędzić na kosztach hostingu

W wydaniu WordPress 5.5 dodano leniwe Ładowanie jako funkcję domyślną.

Jeśli jednak chcesz dostosować sposób leniwego ładowania obrazów i leniwego ładowania obrazów tła, musisz użyć wtyczki WordPress.

Uwaga: Chociaż leniwe ładowanie pomoże poprawić szybkość ładowania witryny, zawsze powinieneś zoptymalizować obrazy do Internetu przed przesłaniem do WordPress w celu uzyskania maksymalnej wydajności.

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem dotyczącym optymalizacji obrazów pod kątem wydajności internetowej bez utraty jakości.

Udostępnimy dwie różne wtyczki WordPress, które pomogą Ci łatwo skonfigurować leniwe ładowanie obrazów WordPress. Możesz użyć szybkich linków poniżej, aby przejść od razu do metody, której chcesz użyć.

  • Leniwy załaduj obrazy WordPress z wp Rocket
  • Leniwy załaduj obrazy WordPress z Optimole

Metoda 1. Leniwe ładowanie obrazów w WordPress z wp Rocket

Zalecamy korzystanie z wtyczki WP Rocket, aby leniwie ładować obrazy w WordPress. Jest to najlepsza wtyczka buforująca WordPress na rynku i pozwala łatwo włączyć leniwe ładowanie obrazu.

Poza tym jest to bardzo potężna wtyczka, która pomaga zoptymalizować szybkość witryny bez znajomości złożonych warunków technicznych.

Zaraz po wyjęciu z pudełka wszystkie domyślne zalecane ustawienia buforowania znacznie przyspieszą Twoją witrynę WordPress.

Aby włączyć leniwe ładowanie obrazu, wystarczy zaznaczyć kilka pól. Możesz nawet włączyć leniwe Ładowanie filmów, co jeszcze bardziej poprawi szybkość witryny.

WP Rocket lazy load images

Aby uzyskać więcej informacji, zobacz nasz przewodnik, jak prawidłowo zainstalować i skonfigurować wp Rocket w WordPress.

Uwaga: jeśli używasz Siteground jako dostawcy usług hostingowych WordPress, możesz użyć bezpłatnej wtyczki Siteground Optimizer, która ma podobne leniwe funkcje ładowania.

Metoda 2. Leniwe ładowanie obrazów w WordPress z Optimole

Ta metoda wykorzystuje darmową wtyczkę Optimole. Jest to jedna z najlepszych wtyczek do kompresji obrazu WordPress i pozwala łatwo włączyć leniwe ładowanie obrazu.

Jeśli masz ponad 5,000 odwiedzających miesięcznie, będziesz potrzebować wersji premium.

Najpierw musisz zainstalować i aktywować wtyczkę. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do Media ” Optimole następnie musisz zarejestrować się w celu uzyskania klucza API.

Sign up for API key

Wystarczy kliknąć “Zarejestruj i wyślij klucz API”, a zostanie on wysłany do Ciebie e-mailem.

Następnie wprowadź swój klucz API i kliknij “Połącz się z usługą Optimole”.

Enter API key

Następnie kliknij kartę “Ustawienia”.

Tutaj możesz upewnić się, że ustawienie “Skaluj obrazy i & leniwe ładowanie” jest włączone. Spowoduje to wygenerowanie obrazów na podstawie rozmiaru ekranu użytkownika i poprawi szybkość ładowania.

Lazyload settings

Następnie kliknij opcję menu “Zaawansowane” i wybierz “Lazyload”.

Na tym ekranie znajduje się kilka różnych ustawień, które pozwalają dostosować sposób ładowania obrazów.

Po pierwsze, możesz dostosować ustawienie “Wyklucz pierwszą liczbę obrazów z lazyload”. Spowoduje to zatrzymanie obrazów u góry postów lub stron przed leniwym ładowaniem, więc obrazy powyżej zagięcia będą zawsze wyświetlane.

Exclude images to lazy load

Możesz ustawić to na 0, jeśli chcesz, aby każdy obraz był leniwy.

Następnie możesz włączyć suwak “Skaluj obrazy”.

Enable scale images

Spowoduje to skalowanie obrazów do rozmiaru ekranu użytkownika i szybsze ładowanie strony.

Następnie możesz włączyć ustawienie “Włącz lazyload dla obrazów tła”.

Lazy load background images

Spowoduje to leniwe ładowanie obrazów tła,które mogą być jednymi z największych obrazów w Twojej witrynie.

Innym ustawieniem, które możesz włączyć, jest leniwe Ładowanie osadzonych filmów i ramek iFrame. Jeśli masz dużo osadzonej zawartości wideo, Włącz to ustawienie.

Lazy load video

Spowoduje to wczytanie obrazu zastępczego zamiast filmu. Po kliknięciu cały film zostanie załadowany.

Możesz nadal dostosowywać te ustawienia i sprawdzać, co działa najlepiej dla Twojej witryny i zdjęć.

Przed zakończeniem ustawień wtyczki należy kliknąć przycisk “Zapisz zmiany”.

Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się leniwego ładowania obrazów w WordPress. Możesz również zapoznać się z naszym Przewodnikiem dla początkujących do pozycjonowania obrazów, aby zoptymalizować obrazy pod kątem wyszukiwarek oraz naszymi specjalistami od najlepszych usług e-mail marketingu dla małych firm.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

You May Also Like

Jak budować lojalność klientów w WordPress z Gamification?

W artykule: Dlaczego budować lojalność klientów z Gamification w WordPress?Metoda 1. Dodaj…

7 Najlepsze Wtyczki Do Kompresji Obrazu WordPress W Porównaniu (2021)

W artykule: 1. EWWW Image Optimizer2. Optimol3. ShortPixel Image Optimizer4. reSmush.it5. Kompresuj…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

Jak umożliwić użytkownikom wybór metody płatności w formularzach WordPress?

W artykule: Dlaczego oferować wiele metod płatności w WordPress?Jak skonfigurować formularz płatności…