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

Ładowanie obrazu - progresywne Lazy Loading w WordPress

Okładka

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 profesjonalny dodatek do wtyczki WordPress, ledwo kiwniesz palcem. Aby skonfigurować lazy loading , przejdź do menu optymalizacji prędkości WP WP Speed of Light . Stamtąd włącz lazy loading obrazu z przyspieszania .

Jeśli chcesz mieć większą kontrolę, zapoznaj się z naszym poprzednim postem , ale to powinno wystarczyć, aby przetestować najnowszą funkcję lazy loading Właściwie to tyle. lazy loading obrazu pliki multimedialne będą ładowane tylko wtedy, gdy będzie to konieczne, dzięki 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 SEO na WordPress

Pytaniem wartym milion dolarów jest jednak to, jak to nowe, lazy loading obrazu wpływa na SEO. W końcu, czy symbol zastępczy zamazanego obrazu nie wydłużyłby czasu ładowania? W rzeczywistości tak. W praktyce wcale. Symbol zastępczy WP Speed of Light to mały obraz o rozdzielczości 20 pikseli, którego ładowanie zajmuje znikomy czas, nie zwiększając czasu ładowania SEO. Jednocześnie rozmycie ukrywa pikselowane artefakty obrazu o niskiej jakości.

I podobnie jak w poprzedniej wersji lazy loading wszystkie elementy SEO obrazu HTML są ładowane za pierwszym razem (nie są ładowane z opóźnieniem). Dlatego boty Google i inne mogą odczytać nazwę pliku obrazu, tytuł i znacznik alt.

 

image-lazy-loadin-seo

 

SEO jest ważne, ale powinno być drugorzędne w stosunku do doświadczenia użytkownika. Najnowsza aktualizacja WP Speed of Light bierze sobie tę zasadę do serca, ale łączy w sobie funkcjonalność przynoszącą korzyści SEO z estetyką, która sprawia, że ​​czytelnicy wciąż 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 swojej 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

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

powiązane posty

 

Komentarze

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

Obraz Captchy