Przejdź do głównej treści
3 minuty czytania (636 słów)

Ładowanie obrazów – progresywne Lazy Loading w WordPressie

Okładka

Media zamieniaja sterylną stronę WordPress w żywą, tętniącą życiem witrynę, ale gorzka prawda jest taka, że pliki i SEO nie idą ze sobą w parze. Nie ma tu zbyt wiele do powiedzenia na przeciw - wolniejsze czasy ładowania prowadzą do niższych wyników SEO. Jednak nie cała nadzieja stracona. Kilka miesięcy temu mówiliśmy o tym, jak WP Speed of Light łagodzi problemy związane z leniwym ładowaniem lazy loading. Teraz idziemy o krok dalej.

 

Dla przypomnienia, lazy loading nie ładuje wszystkich obrazów w poście lub na stronie WordPress, gdy tylko użytkownik wejdzie na stronę. Zamiast tego WP Speed of Light czeka, aż obrazy pojawią się w polu widzenia, aby je pobrać. Dzięki temu strona ładuje się znacznie szybciej na początku, co pomaga w SEO, a jednocześnie sprawia, że czytanie jest przyjemniejsze dla użytkowników z wolniejszym łączem internetowym.

 

W wersji 2.5 wtyczki WordPress funkcja lazy loading została ulepszona, aby nieco lepiej reagować na urządzenia Twojej publiczności i ich ograniczenia. Najnowsza iteracja lazy loading w WP Speed of Lightjest bardziej responsywna, szczególnie dla użytkowników korzystających z telefonów niższej klasy lub wolnego łącza internetowego.

Zamiast widzieć brak obrazów, a następnie ich nagłe wczytywanie, Twoi użytkownicy WordPress zobaczą początkowo wersję pliku multimedialnego o niskiej rozdzielczości i rozmyciu. Gdy pobieranie się zakończy, obraz wyostrza się płynnie. W ten sposób czytelnicy będą wiedzieć, że obraz istnieje, i mogą albo poczekać na jego wczytanie, albo kontynuować czytanie i wrócić do niego później.

 

Obrazy odczarowane

Co jest najlepszego w najnowszej aktualizacji WP Speed of Light? Jeśli masz dodatek pro do wtyczki WordPress, nie musisz prawie ruszać palcem. Aby skonfigurować lazy loading, przejdź do WP Speed of Light’s speed optimization menu. Następnie włącz image lazy loading z zakładki speedup .

Jeśli chcesz mieć większą kontrolę, sprawdź nasz poprzedni wpis, ale to powinno wystarczyć, aby przetestować najnowszą funkcję lazy loading. Właściwie to praktycznie wszystko. Gdy lazy loading jest włączone, pliki multimedialne będą ładowane tylko wtedy, gdy będzie to konieczne, a do tego z nową funkcją rozmycia.

 

progressive-lazy-loading-activation

 

Jak pokazano powyżej, Twoje obrazy będą początkowo wyświetlać obraz zastępczy o niskiej rozdzielczości w wolnych sieciach, rozmyty, aby był bardziej estetyczny. WordPress ładuje – a raczej leniwie ładuje – obraz w pełnej rozdzielczości w tle, nie przerywając czytelnikowi. Gdy obraz zakończy lazy loading, obraz zastępczy ustępuje miejsca pełnemu obrazowi.

 

Progresywne Lazy Loading i SEO w WordPress

Jednak pytanie za milion dolarów brzmi: jak to nowe leniwe ładowanie obrazów lazy loading wpływa na SEO. W końcu czy rozmyty placeholder obrazu nie wydłużyłby czasu ładowania? W rzeczywistości tak. W praktyce wcale nie. Placeholder WP Speed of Lightto maleńki obraz o wymiarach 20 pikseli, którego wczytanie zajmuje znikomą ilość czasu i nie dodaje żadnego obciążenia do Twoich czasów ładowania SEO. Jednocześnie rozmycie ukrywa pikselowe artefakty obrazu niskiej jakości.

I podobnie jak w poprzedniej wersji lazy loading , wszystkie elementy HTML SEO obrazów są ładowane od razu (bez leniwego ładowania). Dzięki temu boty Google i inne mogą odczytać nazwę pliku obrazu, tytuł oraz tag alt.

 

image-lazy-loadin-seo

 

SEO jest ważne, ale powinno być drugorzędne wobec doświadczenia użytkownika. Najnowsza aktualizacja WP Speed of Lightbierze sobie tę zasadę do serca, łącząc funkcjonalność korzystną dla SEO z estetyką, która sprawia, że czytelnicy wracają – a wszystko to bez dodatkowego kosztu dla SEO. Sprawdź renderowanie progresywnego lazy loading tutaj:

 

image-lazy-loading

 

Jeśli chcesz wdrożyć progresywne lazy loading na swojej stronie WordPress, po prostu kliknij ten link: https://www.joomunited.com/wp-speed-of-light

WP Speed of Light jest skuteczny we wszystkich usługach hostingowych w internecie, na przykład Cloudways to doskonały przykład popularnej usługi.

Bądź na bieżąco

Gdy zapiszesz się do bloga, wyślemy Ci e-mail, gdy na stronie pojawią się nowe aktualizacje, abyś ich nie przegapił.

Powiązane wpisy