Leniwe ładowanie WordPress: zwiększ wydajność swojej witryny dzięki LWS Optimize

Procédure

Czym jest leniwe ładowanie?

Wyobraź sobie, że odwiedzasz stronę internetową i musisz czekać w nieskończoność na jej całkowite załadowanie z powodu mnóstwa dużych obrazów i filmów, które przeglądarka ma trudności z załadowaniem. Istnieje duża szansa, że przestaniesz przeglądać tę witrynę na rzecz innej, lepiej zoptymalizowanej. Aby zapobiec sytuacji, w której ten przykład stanie się rzeczywistością na Twojej stronie, ważne jest, aby poświęcić czas na optymalizację obrazów i aktywację leniwego ładowania.

Czym jest leniwe ładowanie? Jest to technika, która ładuje tylko te obrazy i filmy, które są widoczne powyżej linii wodnej (tj. to, co widzisz na stronie bez konieczności przewijania strony w dół), co pozwala przeglądarce najpierw załadować ważną zawartość strony, skracając w ten sposób czas ładowania i poprawiając wydajność.

Efekt ten jest szczególnie zauważalny na stronach, które wyświetlają wiele obrazów, ponieważ są to jedne z najcięższych i najdłużej ładujących się elementów na stronie.

Popraw szybkość swojej witryny dzięki funkcji leniwego ładowania, która umożliwia ładowanie obrazów i filmów tylko wtedy, gdy stają się one widoczne na ekranie. Dzięki LWS Optimize aktywujesz tę opcję jednym kliknięciem, zachowując kontrolę nad tym, które elementy wykluczyć. Ta najlepsza wtyczka do buforowania WordPress jest kompletnym rozwiązaniem zwiększającym wydajność, dostępnym w oficjalnym katalogu jako najlepsza darmowa wtyczka do buforowania WordPress.

Jak korzystać z lazy-load na swojej stronie?

Od kilku lat WordPress domyślnie oferuje funkcję lazy-loading dla obrazów i ramek iframe; jeśli korzystasz z wersji WordPressa wyższej niż 5.6, powinieneś już być w stanie z niej skorzystać.
Jeśli jednak chcesz to zrobić ręcznie, nie korzystasz z WordPressa lub używasz wersji wcześniejszej niż 5.6, po prostu dodaj atrybut lazy="load" do elementu, który ma być ładowany leniwie, jeśli jest kompatybilny:

Mówi to przeglądarce, aby załadowała go leniwie. Przeglądarki automatycznie wybiorą, kiedy załadować obrazy, więc nie trzeba robić nic więcej. Jeśli element, do którego dodano atrybut, nie jest kompatybilny, nic się nie stanie.

Niektóre rozszerzenia pozwalają również poprawić lub kontrolować leniwe ładowanie WordPressa. Jednym z takich rozszerzeń jest LWS Optimize, rozszerzenie stworzone przez LWS.

Aktywacja leniwego ładowania za pomocą LWS Optimize

Aby aktywować leniwe ładowanie z LWS Optimize, wystarczy przejść do ustawień rozszerzenia, w sekcji zaawansowanej za pomocą dedykowanego przycisku, a następnie do zakładki "Media":

Tutaj należy zaznaczyć akcje "Lazy Loading for Images" i "Lazy Loading for Iframes and videos", aby je aktywować. Aby potwierdzić ich aktywację, kliknij przycisk "Zapisz nową konfigurację" w prawym dolnym rogu.

Możesz także wykluczyć elementy z leniwego ładowania. Aby to zrobić, kliknij przycisk "Wyklucz pliki", który otworzy nowe okno, w którym możesz zarządzać różnymi elementami:

Możesz wykluczyć elementy z leniwego ładowania zgodnie z klasami CSS, które posiadają lub typem mediów, do których należą (wideo, iframe itp.). Możesz także po prostu określić adres URL, który ma zostać wykluczony, co spowoduje wykluczenie z procesu każdego elementu zawierającego ten adres URL. Po wprowadzeniu wykluczeń kliknij przycisk "Zapisz", aby zapisać zmiany.

Wnioski

Teraz wiesz, jak: skrócić czas ładowania witryny poprzez wdrożenie leniwego ładowania, korzystać z tej techniki zarówno ręcznie, jak i przy użyciu rozszerzeń oraz zarządzać wyjątkami dla niektórych elementów. 🚀

Dzięki temu artykułowi optymalizacja stron internetowych nie powinna już mieć dla Ciebie żadnych tajemnic. Będziesz teraz w stanie włączyć leniwe ładowanie na swojej stronie WordPress, korzystać z wtyczek takich jak LWS Optimize w celu dalszej kontroli, a nawet wiedzieć, jak wykluczyć niektóre obrazy lub filmy z tej optymalizacji, jeśli to konieczne. 💡

Twoi użytkownicy będą mogli cieszyć się lepszym doświadczeniem użytkownika, dzięki stronom, które ładują się szybko i bez frustracji. 🌐✨

Dziękujemy za przeczytanie do końca! Jesteśmy ciekawi Twojej opinii: czy wdrożyłeś już leniwe ładowanie na swojej stronie? Czy napotkałeś jakieś konkretne wyzwania? Zachęcamy do dzielenia się swoimi doświadczeniami i zadawania pytań w sekcji komentarzy poniżej. Twoja opinia jest cenna i może pomóc innym czytelnikom!

A jeśli ten artykuł był dla Ciebie przydatny, rozważ podzielenie się nim z innymi webmasterami lub programistami, którzy mogliby skorzystać z tych wskazówek! 🤓