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

Ładowanie obrazu - progresywne, Lazy Loading w WordPress

Pokrywa

Media zamieniają sterylny blog WordPressa w żywą, tętniącą życiem stronę internetową, ale twarda prawda jest taka, że ​​pliki i SEO nie idą w parze. Po prostu nie ma wiele do powiedzenia - wolniejsze czasy ładowania prowadzą do niższych wyników SEO. Jednak nie cała nadzieja jest stracona. Kilka miesięcy temu rozmawialiśmy o tym, jak WP Speed of Light łagodzi problemy z lazy loading . Teraz idziemy o krok dalej.

 

Przypominamy, że lazy loading nie ładuje wszystkich obrazów z postu lub strony WordPress, gdy tylko użytkownik trafi na stronę. Zamiast tego WP Speed of Light czeka, aż obrazy staną się widoczne, aby je pobrać. W ten sposób strona ładuje się początkowo znacznie szybciej, co pomaga SEO, a jednocześnie sprawia, że ​​korzystanie z niej jest przyjemniejsze dla czytelników korzystających z wolniejszego Internetu.

 

W wersji 2.5 wtyczki WordPress funkcja lazy loading została ulepszona, aby była nieco bardziej reaktywna na urządzenia odbiorców i ich ograniczenia. Najnowsza iteracja lazy loading WP Speed of Light jest bardziej responsywna, szczególnie w przypadku użytkowników korzystających z telefonów komórkowych o niższej jakości lub niskiej szybkości Internetu.

Zamiast nie widzieć żadnych obrazów, a następnie gwałtownie się ładować, użytkownicy WordPress początkowo zobaczą zamazaną wersję pliku multimedialnego w niskiej rozdzielczości. Po zakończeniu pobierania obraz staje się ostry. W ten sposób czytelnicy będą wiedzieć, że obraz istnieje, i mogą albo poczekać na załadowanie, albo kontynuować czytanie i wrócić do niego później.

 

Obrazy odkamieniane

Co jest najlepsze w najnowszej aktualizacji WP Speed of Light ? Jeśli masz dodatek pro do wtyczki WordPress, wystarczy ledwie ruszyć palcem. Aby skonfigurować lazy loading , do menu optymalizacji prędkości WP Speed of Light . Stamtąd włącz lazy loading obrazu z zakładki przyspieszenia

Jeśli chcesz mieć większą kontrolę, zapoznaj się z naszym poprzednim postem , ale to wystarczy, aby przetestować najnowszą funkcję lazy loading . W rzeczywistości to praktycznie wszystko. Przy włączonym lazy loading obrazów z lazy loading pliki multimedialne będą ładowane tylko wtedy, gdy będzie to konieczne, po uruchomieniu nowej funkcji rozmycia.

 

aktywacja progresywnego-leniwego ładowania

 

Jak pokazano powyżej, Twoje obrazy będą początkowo wyświetlać obraz zastępczy o niskiej rozdzielczości w powolnych sieciach, zamazany, aby był bardziej estetyczny. WordPress ładuje - a raczej leniwe ładowanie - obraz w pełnej rozdzielczości w tle bez przeszkadzania czytnikowi. Kiedy obraz kończy się lazy loading , obraz zastępczy ustępuje miejsca pełnemu obrazowi.

 

Progresywne Lazy Loading i pozycjonowanie na WordPress

Pytanie za milion dolarów brzmi jednak, jak lazy loading nowego obrazu wpływa na SEO. W końcu czy symbol zastępczy zamazanego obrazu nie zwiększyłby czasu ładowania? W rzeczywistości tak. W praktyce wcale. WP Speed of Light zastępczy WP Speed of Light to mały, 20-pikselowy obraz, którego ładowanie zajmuje niewiele czasu, nie dodając narzutu do czasu ładowania SEO. Jednocześnie rozmycie ukrywa pikselowe artefakty niskiej jakości obrazu.

I tak jak w poprzedniej wersji z lazy loading wszystkie elementy HTML obrazu SEO są ładowane przy pierwszym ujęciu (nie są ładowane leniwie). Dlatego boty Google i inne mogą odczytać nazwę pliku obrazu, tytuł, tag alt.

 

image-lazy-loadin-seo

 

SEO jest ważne, ale powinno być drugorzędne w stosunku do wrażeń użytkownika. Najnowsza aktualizacja WP Speed of Light bierze sobie do serca tę zasadę, ale łączy w sobie funkcjonalność korzystną dla SEO z estetyką, która sprawia, że ​​czytelnicy wracają - a wszystko to bez dodatkowych kosztów dla SEO. Sprawdź renderowanie progresywnego lazy loading tutaj:

 

ładowanie obrazu z opóźnieniem

 

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

WP Speed of Light działa we wszystkich usługach hostingowych w Internecie, na przykład Cloudways jest doskonałym przykładem popularnej usługi .

4
Bądź na bieżąco

Kiedy zasubskrybujesz bloga, wyślemy Ci wiadomość e-mail, gdy pojawią się nowe aktualizacje na stronie, abyś ich nie przegapił.

powiązane posty

 

Komentarze

Nie dodano jeszcze żadnych komentarzy. Dodaj komentarz jako pierwszy
Już zarejestrowany? Zaloguj się tutaj
wtorek, 23 kwietnia 2024 r

Captcha Image