Czy chcesz dowiedzieć się, jak używać leniwego ładowania do ładowania obrazów do WordPressa?
Lazy Load to technika, która pozwala Twojej witrynie ładować tylko obrazy, gdy użytkownik przewinie do określonego obrazu, co skraca czas ładowania witryny i poprawia wydajność witryny.
Najpopularniejsze witryny z dużą ilością obrazów używają Lazy Load do zwiększyć szybkość i wydajność serwisu.
W tym artykule pokażemy, jak załadować obrazy do WordPressa za pomocą Lazy Load.
Dlaczego leniwe ładowanie obrazów w WordPressie?
Leniwe ładowanie obrazów na WordPress może przyspieszyć twoją stronę i zapewnić najlepsze wrażenia użytkownika.
Nikt nie lubi powolnych stron internetowych. W rzeczywistości badanie skuteczności wykazało, że jednosekundowe opóźnienie w czasie ładowania strony skutkuje 7% mniejszą liczbą konwersji, 11% mniejszą liczbą odsłon i 16% mniejszą satysfakcją klientów.
Wyszukiwarki takie jak Google również nie lubią wolno ładujących się witryn. Dlatego szybsze strony internetowe zajmują wyższą pozycję w wynikach wyszukiwania.
Obrazy ładują się w Twojej witrynie najdłużej w porównaniu z innymi elementami sieci. Jeśli dodasz dużo obrazów do swoich postów, każdy obraz wydłuży czas ładowania strony.
Jednym ze sposobów poradzenia sobie z tą sytuacją jest użycie Usługa CDN. CDN pozwoli użytkownikowi pobierać obrazy z najbliższego serwera WWW i zmniejszyć prędkość ładowania strony internetowej.
Jednak Twoje obrazy nadal będą się ładować i wpłyną na ogólny czas ładowania strony. Aby rozwiązać ten problem, możesz opóźnić ładowanie obrazów, wdrażając w witrynie Lazy loading lub Lazy Load.
Jak działa leniwe ładowanie obrazów?
Zamiast ładować wszystkie obrazy naraz, leniwe ładowanie pobiera tylko obrazy widoczne na ekranie użytkownika. Zastępuje wszystkie inne obrazy obrazem zastępczym lub pustą przestrzenią.
Gdy użytkownik przewinie w dół, witryna ładuje obrazy widoczne w obszarze wyświetlania przeglądarki.
Leniwe ładowanie może być bardzo korzystne dla Twojego bloga WordPress.
- Zmniejsza początkowy czas ładowania strony internetowej, dzięki czemu użytkownicy szybciej zobaczą Twoją witrynę
- Oszczędza przepustowość, udostępniając tylko obrazy w czasie oglądania i pozwala zaoszczędzić na kosztach hostingu
Wydanie WordPress 5.5 dodało leniwe ładowanie jako domyślną funkcję.
Jeśli jednak chcesz dostosować sposób, w jaki Twoje obrazy ładują się leniwie, a obrazy tła leniwe, musisz użyć a WordPress Plugin.
Uwaga: Chociaż leniwe ładowanie lub leniwe ładowanie pomoże poprawić szybkość ładowania witryny, zawsze należy optymalizować obrazy w Internecie przed przesłaniem ich do WordPressa, aby uzyskać maksymalną wydajność.
Podzielimy się dwoma WordPress wtyczki które pomogą Ci łatwo skonfigurować leniwe ładowanie na obrazach WordPress.
Metoda 1. Lazy Load Images w WordPress za pomocą WP Rocket
Zalecamy korzystanie z wtyczki WP Rocket leniwe ładowanie obrazów do WordPressa. Jest to najlepsza wtyczka do buforowania WordPress na rynku i pozwala łatwo włączyć leniwe ładowanie obrazów.
Poza tym jest to bardzo potężna wtyczka, która pomaga zoptymalizować szybkość witryny bez znajomości złożonych terminów technicznych.
Po instalacji i aktywacji wszystkie domyślne zalecane ustawienia buforowania znacznie przyspieszą działanie Twojej witryny WordPress.
Aby umożliwić leniwe ładowanie obrazu, wystarczy zaznaczyć kilka pól. Możesz nawet włączyć leniwe ładowanie filmów, co jeszcze bardziej poprawi szybkość Twojej witryny.
Metoda 2. Lazy Load Images w WordPress z Optimole
Ta metoda wykorzystuje darmową wtyczkę Optimole. Jest to jedna z najlepszych wtyczek do kompresji obrazu WordPress i umożliwia łatwe leniwe ładowanie obrazów.
Jeśli masz więcej niż 5 odwiedzających miesięcznie, będziesz potrzebować wersja premium.
Podczas aktywacji przejdź do Media »Optimole, następnie zarejestruj się, aby uzyskać klucz API.
Po prostu kliknij przycisk Zarejestruj się i wyślij e-mail klucz APII zostanie wysłany do Ciebie e-mailem.
Następnie wprowadź swój klucz API i kliknij „ Połącz się z usługą OptiMole ".
Następnie kliknij kartę „ Ustawienia ”.
Tutaj możesz upewnić się, że „ Skaluj obrazy i leniwe ładowanie" jest aktywowany. Spowoduje to wygenerowanie obrazów na podstawie rozmiaru ekranu użytkownika i przyspieszy ładowanie.
Następnie kliknij opcję menu „ Zaawansowane »I wybierz« Lazyload ».
Na tym ekranie dostępne są różne ustawienia, które pozwalają dostosować sposób leniwego ładowania obrazów.
Przede wszystkim możesz dostosować „ Wyklucz najpierw obrazów z lazyload ”. Zapobiegnie to pierwszym zdjęciom Twojego artykuły lub strony korzystać z leniwego obciążenia.
Możesz ustawić tę opcję na 0, jeśli chcesz, aby każdy obraz ładował się leniwie.
Następnie możesz aktywować opcję " Skaluj obrazy ".
Spowoduje to dostosowanie obrazów do rozmiaru ekranu odwiedzającego i przyspieszy ładowanie strony.
Następnie możesz aktywować ustawienie „ Włącz Lazyload dla obrazów tła ".
Spowoduje to leniwe załadowanie obrazów tła, które mogą być jednymi z wię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 osadzonych treści wideo, włącz to ustawienie.
Spowoduje to załadowanie obrazu zastępczego zamiast wideo. Po kliknięciu ładuje się cały film.
Możesz nadal dostosowywać te ustawienia i sprawdzać, co najlepiej sprawdza się w przypadku Twojej witryny i obrazów.
Przed wyjściem z ustawień wtyczki kliknij „ Zapisz zmiany ".
Odkryj także niektóre wtyczki premium WordPress
Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego bloga lub strony internetowej.
Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.
1. ARMember
ARMember to WordPress Plugin ochrona treści. Jest to unikalne rozwiązanie, które pozwala sprzedawać subskrypcje na dowolnej stronie internetowej. Posiada całą gamę narzędzi, które mogą całkowicie lub częściowo chronić jego zawartość.
Kolejną jego cechą jest to, że oferuje bezpłatną opcję, która jest nieco ograniczona pod względem funkcjonalności. Mówiąc o funkcjach, to potężne WordPress Plugin oferuje m.in.:
Możliwość planowania zawartości, obsługa wielu planów subskrypcji, łatwa konfiguracja, migracja między planami subskrypcji, Wsparcie WooCommerce, kilka szablonów formularzy i wiele innych.
Jest to również odniesienie w tej niszy.
2. Wyświetlanie podatku według kraju dla WooCommerce
Wyświetlanie podatków według kraju dla WooCommerce to wtyczka, która umożliwia wyświetlanie cen produktów z podatkami lub bez, w zależności od kraju odwiedzającego. Pozwala także wstępnie wybrać kraj rozliczenia gościa. 
Pamiętaj, że czasami klienci mogą być zdezorientowani z powodu różnych walut, a jeśli obejmuje to podatki, jest to jeszcze bardziej skomplikowane. Dlatego wyświetlanie podatków według kraju pozwala usunąć te przeszkody i uprościć proces zakupu.
3. Zręczny Popup Pro
Slick Popup Pro to Wtyczka WordPressa dość prosty i lekki, który konwertuje dowolny formularz stworzony przez wtyczkę Formularz kontaktowy 7 w wyskakującym okienku. Korzysta z formularza i przekształca go w piękne i doskonale reagujące wyskakujące okienko.
Formularz podręczny może mieć kilka zastosowań, w tym: formularz gromadzenia informacji, a formularz kontaktowy, formularz rejestracyjny, formularz wyceny, formularz sugestii / reklamacji i inne.
Inne zalecane zasoby
Zachęcamy również do zapoznania się z poniższymi zasobami, aby przejść dalej w zakresie kontroli nad witryną i blogiem.
- Jak skonfigurować All in One SEO Pack WordPressa
- Jak aktualizować motywy WordPress zakupione na Themeforest
- Jak wyświetlić link WordPress, aby się wylogować
- Jak skonfigurować All in One SEO Pack WordPressa
Wnioski
Voila! To tyle w tym samouczku. Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się leniwie ładować obrazy w WordPress. Nie wahaj się udostępnij znajomym w swoich ulubionych sieciach społecznościowych.
Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress.
Ale w międzyczasie opowiedz nam o swoim commentaires i sugestie w dedykowanej sekcji.
...
