Jak łatwo leniwie wczytywać obrazki w WordPress (2 sposoby)

Nikt nie chce czekać na powolne wczytywanie strony, na przykład gdy wpis na blogu zawiera mnóstwo obrazków. Nawet jeśli wyglądają one oszałamiająco, oczekiwanie na ich wyświetlenie może być frustrujące dla twoich odwiedzających.

W tym przypadku może pomóc leniwe wczytywanie. Jest to sprytna sztuczka, w której obrazki są wczytywane tylko wtedy, gdy są potrzebne. Zamiast wczytywać każdy obrazek na stronie od razu, twoja witryna internetowa czeka, aż odwiedzający przewinie w dół do miejsca, w którym ma się pojawić obrazek.

Oznacza to szybszy czas wczytywania strony, zadowolenie odwiedzających, a nawet poprawę SEO twojej witryny internetowej.

Najlepsze jest to, że dodanie leniwego wczytywania do twojej witryny WordPress jest łatwiejsze niż myślisz. W tym artykule przeprowadzimy Cię przez ten proces, abyś mógł cieszyć się szybszą i bardziej wydajną witryną internetową.

Dlaczego warto wczytywać obrazki w WordPressie?

Leniwe wczytywanie obrazków WordPress może przyspieszyć twoją witrynę internetową i zapewnić lepsze wrażenia użytkownika.

Nikt nie lubi wolno działających witryn internetowych. W rzeczywistości badanie wydajności witryn internetowych wykazało, że 1-sekundowe opóźnienie wczytywania strony prowadzi do 7% mniej konwersji, 11% mniej odsłon i 16% spadku zadowolenia klientów.

Wyszukiwarki takie jak Google również nie lubią wolno wczytujących się witryn internetowych. Dlatego szybsze witryny zajmują wyższe pozycje w wynikach wyszukiwania.

W porównaniu do innych elementów witryny, wczytywanie obrazków na twojej witrynie WordPress zajmuje najwięcej czasu. Jeśli dodajesz wiele obrazków do swoich artykułów, to każdy z nich wydłuża czas wczytywania twojej strony.

Jednym ze sposobów radzenia sobie z tą sytuacją jest skorzystanie z usługi CDN, takiej jak BunnyCDN. CDN pozwala użytkownikom pobierać obrazki z najbliższego serwera WWW i zmniejszyć szybkość wczytywania witryny.

Jednak twoje obrazki nadal będą wczytywane i mają wpływ na ogólny czas ładowania strony. Aby ominąć ten problem, możesz opóźnić ładowanie obrazków, wdrażając leniwe wczytywanie na twojej witrynie internetowej.

Jak działa leniwe wczytywanie obrazków?

Zamiast wczytywać wszystkie twoje obrazki naraz, leniwe ładowanie pobiera tylko obrazki widoczne na ekranie użytkownika. Zastępuje wszystkie inne obrazki obrazkiem zastępczym lub pustym miejscem.

Gdy użytkownik przewija stronę w dół, twoja witryna internetowa wczytuje obrazki widoczne w obszarze podglądu przeglądarki.

Leniwe wczytywanie może być bardzo korzystne dla twojego bloga WordPress:

• Skraca początkowy czas wczytywania strony, dzięki czemu użytkownicy szybciej zobaczą twoją witrynę.
• Oszczędza przepustowość, dostarczając tylko te obrazki, które zostały zobaczone, co pozwala zaoszczędzić pieniądze na kosztach hostingu WordPress.

Wydanie WordPress 5. 5 dodało leniwe wczytywanie jako funkcję domyślną.

Jeśli jednak chcesz dostosować sposób leniwego wczytywania twoich obrazków, a także leniwego wczytywania obrazków tła, będziesz musiał użyć wtyczki WordPress.

Przyjrzyjmy się, jak leniwie wczytywać obrazki w WordPressie za pomocą dwóch różnych wtyczek. Możesz skorzystać z poniższych odnośników, aby przejść bezpośrednio do wybranej metody:

Metoda 1: Leniwe wczytywanie obrazków w WordPressie za pomocą WP Rocket

Zalecamy użycie wtyczki WP Rocket do leniwego wczytywania obrazków w WordPressie. Jest to najlepsza na rynku wtyczka do pamięci podręcznej WordPress, która pozwala łatwo włączyć leniwe ładowanie obrazków.

Poza tym jest to bardzo potężna wtyczka, która pomaga zoptymalizować szybkość twojej strony bez znajomości skomplikowanych terminów technicznych lub konfigurowania ustawień eksperckich.

Od razu po wyjęciu z pudełka, wszystkie ich domyślne zalecane ustawienia pamięci podręcznej znacznie przyspieszą twoją witrynę internetową WordPress.

Pierwszą rzeczą, którą będziesz musiał zrobić, jest zainstalowanie i włączanie wtyczki WP Rocket. Więcej szczegółów można znaleźć w naszym przewodniku na temat instalacji wtyczki WordPress.

Aby włączyć leniwe wczytywanie obrazków, wystarczy zaznaczyć kilka pól. Możesz nawet włączyć leniwe wczytywanie dla filmów, co jeszcze bardziej poprawi szybkość twojej witryny.

Wszystko, co musisz zrobić, to przejść do Ustawienia ” WP Rocket w twoim kokpicie WordPress i kliknąć kartę „Media”. Następnie możesz przewinąć do sekcji „LazyLoad” i zaznaczyć pola obok „Enable for images” i „Enable for iframes and films”.

Więcej szczegółów można znaleźć w naszym przewodniku na temat prawidłowej instalacji i konfiguracji WP Rocket w WordPress.

Metoda 2: Leniwe wczytywanie obrazków w WordPressie za pomocą Optimole

Ta metoda wykorzystuje darmową wtyczkę Optimole. Jest to jedna z najlepszych wtyczek do kompresji obrazów WordPress, która pozwala łatwo włączać leniwe wczytywanie obrazków.

Jeśli masz ponad 5000 odwiedzających miesięcznie, będziesz potrzebować wersji premium Optimole. Aby uzyskać więcej informacji, zobacz naszą pełną recenzję Optimole.

Najpierw należy zainstalować i włączyć wtyczkę Optimole. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu pojawi się ekran z prośbą o zarejestrowanie klucza API. Ekran ten można również znaleźć, przechodząc do Optimole w menu administratora.

Musisz upewnić się, że podany adres e-mail jest poprawny, a następnie kliknąć przycisk „Utwórz i połącz swoje konto”. Alternatywnie, jeśli jesteś już użytkownikiem, kliknij przycisk „Mam już klucz API”.

Może być konieczne odczekanie kilku sekund, aż wtyczka połączy się z Optimole. Następnie wtyczka automatycznie rozpocznie optymalizację twoich obrazków, dzięki czemu odwiedzający zobaczą teraz najlepsze obrazki dla swoich urządzeń.

W tym czasie można kliknąć kartę „Ustawienia”, aby skonfigurować leniwe wczytywanie.

Tutaj musisz upewnić się, że włączone jest ustawienie „Skaluj obrazki i & Leniwe wczytywanie”. Spowoduje to wygenerowanie obrazków na podstawie rozmiaru ekranu odwiedzającego i poprawi szybkość wczytywania.

Następnie kliknij opcję menu „Zaawansowane” i wybierz „Leniwe ładowanie”. Na tym ekranie dostępnych jest kilka różnych ustawień, które pozwalają dostosować sposób, w jaki twoje obrazki będą się leniwie wczytywać.

Po pierwsze, możesz dostosować ustawienie „Wyklucz pierwszą liczbę obrazków z leniwego ładowania”. Spowoduje to zatrzymanie leniwego wczytywania obrazków na górze twoich wpisów lub stron, dzięki czemu obrazki powyżej zakładki będą zawsze wyświetlane.

Możesz ustawić tę wartość na 0, jeśli chcesz, aby każdy obrazek wczytywał się leniwie.

Istnieje kilka innych zaawansowanych ustawień leniwego wczytywania w Optimole, które można sprawdzić. Ustawienia te są domyślnie włączone.

Pierwszym z nich jest ustawienie „Skaluj obrazki”. Spowoduje to skalowanie obrazków do rozmiaru ekranu odwiedzającego i sprawi, że twoja strona będzie wczytywać się szybciej.

Następnie zobaczysz ustawienie „Włącz leniwe ładowanie obrazków tła”. Spowoduje to leniwe wczytywanie obrazów tła, które mogą być największymi obrazkami na twojej witrynie internetowej.

Kolejnym ustawieniem jest leniwe wczytywanie osadzanych filmów i ramek iframe. Jeśli masz dużo osadzanych treści filmowych, będziesz chciał pozostawić to ustawienie włączone. Spowoduje to wczytywanie obrazka zastępczego zamiast filmu. Po kliknięciu symbolu zastępczego wczytywany jest pełny film.

Możesz kontynuować dostosowywanie tych ustawień i zobaczyć, co działa najlepiej dla twojej witryny internetowej i obrazków.

Zanim opuścisz ustawienia wtyczki, upewnij się, że kliknąłeś przycisk „Zapisz zmiany” na dole strony.

Dodatkowe wskazówki dotyczące optymalizacji twoich obrazków WordPress

Chociaż leniwe wczytywanie pomoże poprawić szybkość ładowania witryny internetowej, istnieje kilka innych sposobów na zoptymalizowanie twoich obrazków WordPress w celu uzyskania najlepszej wydajności.

Na przykład, zalecamy skompresowanie twoich obrazków przed przesłaniem ich do witryny internetowej za pomocą narzędzia takiego jak TinyPNG lub JPEGmini. Alternatywnie można użyć wtyczki do automatycznej kompresji obrazków, takiej jak Optimole lub EWWW Image Optimizer.

Ważne jest również, aby wybrać odpowiedni rozmiar obrazu WordPress i format pliku dla twoich obrazków. JPEG są najlepsze dla zdjęć lub obrazków z wieloma kolorami, PNG są odpowiednie dla prostych lub przezroczystych obrazków, a GIF tylko dla animowanych obrazków.

Mamy nadzieję, że ten artykuł pomógł ci nauczyć się leniwego wczytywania obrazków w WordPress. Możesz również zapoznać się z naszym poradnikiem na stronie , jak łatwo zoptymalizować obrazki dla sieci bez utraty jakości, a także z naszą ekspercką listą najlepszych wtyczek do przesyłania plików dla WordPressa.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.