Przejdź do głównej treści

Jak używać Lazy Load do ładowania obrazów w WordPress

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

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.

użyj leniwego obciążenia, aby załadować obrazy

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 i leniwie ładują obrazy tła, będziesz musiał użyć wtyczki WordPress.

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ść.

Udostępnimy dwie różne wtyczki WordPress, które pomogą Ci łatwo skonfigurować leniwe ładowanie obrazów 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.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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.

użyj leniwego obciążenia, aby załadować obrazy

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 ".

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

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 wtyczek WordPress, aby nadać nowoczesny wygląd i zoptymalizować chwyt swojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. ARMember

ARMember to wtyczka do ochrony treści WordPress. To unikalne rozwiązanie, które pozwala sprzedawać subskrypcje na dowolnej stronie internetowej. Posiada szereg narzędzi, które mogą całkowicie lub częściowo chronić jego zawartość.

Wtyczka członkostwa ARMember WordPress

Inną jego cechą jest to, że oferuje bezpłatną opcję, która jest nieco ograniczona pod względem funkcjonalności. Mówiąc o funkcjach, ta potężna wtyczka WordPress oferuje między innymi:

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.

Pobierz | Demo | hosting 

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. Wyświetlenie podatkowe według kraju dla witryny WooCommerce

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.

Pobierz | Demohosting

3. Zręczny Popup Pro

Slick Popup Pro to dość prosta i lekka wtyczka WordPress, która konwertuje dowolny formularz utworzony 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.Wtyczka Popup WordPress Slick Popup Pro

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

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.

Pobierz | Demo | hosting

Inne zalecane zasoby

Zachęcamy również do zapoznania się z poniższymi zasobami, aby przejść dalej w zakresie kontroli nad witryną i blogiem.

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.

...  

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry