Lazy load WordPress: Wybór najlepszej wtyczki do pracy
Nie ma nic bardziej frustrującego dla użytkowników niż czekanie na przesłanie witryny. Coraz więcej witryn jest wypełnionych filmami i obrazami, a każdy obraz wymaga nowego żądania HTTP. WordPress leniwe ładowanie to łatwe w instalacji rozwiązanie, które przyspiesza każdą taką witrynę z obrazami.
Projektując naszą stronę wpDataTables braliśmy również pod uwagę możliwość tej komplikacji, ponieważ używamy wielu zdjęć i filmów.
Co to jest leniwy ładunek? Lazyload oznacza, że wideo, obrazy lub ramki iframe ładują się dopiero po wejściu do widocznego obszaru, a pozostałe obrazy będą ładowane, gdy widzowie przewijają stronę witryny. To znacznie skróci czas ładowania Twojej witryny i uniemożliwi użytkownikom jej opuszczenie.
Korzyści z leniwego obciążenia
Oczywistą zaletą WordPress Lazy Load są szybsze czasy ładowania. Ponieważ ładujesz tylko część swojej strony, jej zawartość pojawi się szybciej w przeglądarce. W rezultacie odwiedzający zużywają mniej przepustowości, co jest wielką korzyścią dla osób korzystających z mobilnego połączenia danych.
Dzięki temu odwiedzający nie tylko będą mogli szybko uzyskać dostęp do Twojej witryny, ale także zaoszczędzą na swoim abonamencie na mobilną transmisję danych: po co wykorzystywać ruch danych na ładowanie obrazów, których nie potrzebują lub chcą oglądać? Wtyczka z leniwym ładowaniem to podwójnie korzystna technika, której potrzebują wszystkie witryny z dużymi obrazami.
Wady leniwego obciążenia
Lazyloading nie jest techniką przyjazną dla wyszukiwarek przez cały czas, ponieważ nie tylko opóźniasz ładowanie treści dla użytkowników, ale także opóźniasz ładowanie treści dla robotów wyszukiwarek, tj. wyszukiwarki nie indeksują części lub całości tej treści. Nie jest dobre dla SEO!
Kiedy leniwe ładowanie WordPressa jest używane do opóźniania ładowania postów, a nie tylko obrazów, jest dużym problemem.
Inną wadą leniwych obrazów jest obniżenie jakości doświadczeń użytkowników. Wszyscy doświadczyli wtórnego efektu leniwego ładowania podczas bardzo szybkiego przewijania strony. W tym procesie rzeczywiste wizualizacje zastępują obrazy zastępcze, a zawartość strony często przeskakuje.
Tak długo, jak sprytnie korzystasz z leniwego ładowania WordPressa i masz oko na SEO i wrażenia użytkownika, będziesz czerpać tylko korzyści z leniwego ładowania. Przeczytaj więcej o tym, jak leniwe ładowanie obrazów, najlepsza wtyczka WordPress do leniwego ładowania dla Twojej witryny i leniwe obrazy WordPress.
„Jestem przeciwny leniwemu ładowaniu. Dla mnie skutkuje to złym UX", mówi Jerry Low z Web Hosting Secrets Revealed, „Moim rozwiązaniem zawsze było stosowanie prostej sztuczki JavaScript, aby opóźnić ładowanie obrazu.
Jest to szczególnie ważne, jeśli masz stronę z dużymi obrazami. Ostatnią rzeczą, jakiej chcesz, jest to, aby użytkownicy, którzy szybko przewijają w dół, znaleźli się wpatrzeni w pusty ekran”.
Włączanie LazyLoad na WordPress
Technikę lazyload można łatwo włączyć na dowolnej witrynie WordPress za pomocą wtyczki WordPress Lazy Load. Istnieje wiele leniwych wtyczek WordPress, z których możesz wybierać, a oto niektóre z najpopularniejszych:
Ta wtyczka, wdrażająca technikę „Lazy Load”, pozwala uniknąć pobierania obrazów i elementów iframe, które nie są wyświetlane na ekranie (na przykład obrazów na dole strony), dopóki użytkownik ich nie wyświetli. Poprawia to szybkość ładowania strony i oszczędza przepustowość.
BJLazy Load lub BJLoad to najlepsza wtyczka Lazy Load, jeśli chcesz leniwie ładować obrazy i zastępować je symbolami zastępczymi. Wybrane obrazy mogą być obrazami Gravatar, obrazami postów, miniaturami lub ramkami iFrame. Możesz także dostosować niektóre ustawienia, w tym wybór symboli zastępczych.
BJLazy to wtyczka WordPress Lazy Load, która obsługuje obrazy zoptymalizowane pod względem rozmiaru, tzn. automatycznie dostarcza obrazy o zmniejszonej wielkości w responsywnych projektach i zapewnia obrazy hiDPI dla wyświetlacza siatkówki Apple i innych ekranów hiDPI.
Skrócenie czasu ładowania strony poprzez progresywne ładowanie obrazów i innych elementów. Załadują się, gdy dotrą do widocznej części ekranu.
Wtyczka wpływa na te elementy:
<img>element- Właściwość CSS
background-image - responsywne obrazy z
srcsetatrybutem <iframe>element<video>element
Cechy:
- skrócić do 90% czas ładowania strony, w zależności od ilości elementów
- kompatybilny z Visual Composer
- możesz wybrać pominięcie wszystkich ramek iframe lub tylko jednego w określonym elemencie
- możesz wybrać pominięcie określonych elementów z pewną klasą
- możesz pokazać elementy wcześniej lub później, które są widoczne na ekranie
- opcjonalna animacja pojawiania się
a3 Lazy Load to zorientowana na urządzenia mobilne, bardzo prosta w użyciu wtyczka, która przyspieszy prędkość ładowania strony. Im więcej treści zawiera Twoja witryna, tym lepsza będzie wydajność wtyczki i tym więcej zobaczysz poprawy wydajności.
Rocket Lazy Load to łatwa do zainstalowania i aktywacji wtyczka WordPress Lazy Load, która umożliwia Twojej witrynie wyświetlanie wszystkich obrazów w dowolnym poście / widżecie, a także awatarów, miniatur i emotikonów, podczas gdy użytkownicy przewijają stronę w dół.
Rocket Lazy Load to nie tylko bardzo mały, zajmujący mniej niż 2 kb, ale także pozbawiony opcji i niemożliwy do dostosowania skrypt WordPressa do leniwego ładowania obrazów.
Crazy Lazy pomaga zwiększyć wydajność Twojego bloga lub witryny internetowej, skutecznie wyświetlając obrazy. Gdy strona zwykle wyświetla jakieś obrazy, Crazy Lazy uniemożliwi ich wczytanie. Dopiero gdy użytkownik przewinie stronę w dół i dojdzie do pozycji, w której obraz faktycznie powinien zostać wyświetlony, ten konkretny obraz zostanie załadowany z serwera.
Zaprojektowana z myślą o nieskończonym przewijaniu, Ajax Load More to wtyczka do leniwego ładowania, która może dostosowywać się do leniwego ładowania stron, postów, a także komentarzy opartych na zapytaniach obsługiwanych przez Ajax. Niektóre funkcje Ajax Load More obejmują kreator krótkich kodów dla niestandardowych zapytań WP, a także kompatybilność z Easy Digital Downloads i WooCommerce. Zasadniczo Ajax Load More jest również dobrą wtyczką, jeśli chcesz leniwie ładować witryny e-commerce.
Ta wtyczka poprawia czas ładowania strony i zwiększa Twój wynik Google PageSpeed Score. Zastępuje osadzone filmy z YouTube i Vimeo klikalnym obrazem podglądu.
Ładując filmy tylko wtedy, gdy użytkownik kliknie podgląd obrazu – za pomocą jQuery – nie jest ładowany zbędny JavaScript. Zwłaszcza w witrynach z wieloma osadzonymi filmami uszczęśliwi to odwiedzających.
Ta wtyczka do leniwego ładowania WordPress jest wyposażona w doskonałe funkcje, takie jak leniwe ładowanie obrazów oraz pokaz slajdów w galerii i efekty lightbox dla wyznaczonych obrazów. Dzięki tej wtyczce możesz dodawać efekty bez poświęcania szybkości ładowania strony.
Image LazyLoad i Slideshow ma również możliwość dodawania niestandardowych kodów CSS i śledzenia oraz niestandardowego kodu HTML.
Bardzo uważana za jedną z najbardziej znanych wtyczek typu lazy load dla WordPressa, Comments Avatar Lazyload obsługuje obrazy za pośrednictwem Gravatara. Wiele wtyczek do komentarzy korzysta z obrazów Gravatar, a ta konkretna wtyczka poprawia czas ładowania Twojej witryny poprzez leniwe ładowanie obrazów Gravatar.
Twoja witryna zawiera dużo treści graficznych i zajmuje dużo zasobów podczas ładowania? Twój szef i klienci uważają płynność strony za poważną sprawę?
Dzięki wtyczce WP Image Lazy Load nie musisz już poświęcać jakości swoich pięknych obrazów!
Galerie rodzinne, portfolia, reportaże z dużą ilością zdjęć. Ta wtyczka zapewnia lepsze wrażenia użytkownika, opóźniając ładowanie obrazów na (zwłaszcza długich) stronach internetowych. Obrazy poza widoczną częścią strony, którą przegląda użytkownik, nie zostaną wczytane, dopóki użytkownik nie przewinie do nich.
Końcowe przemyślenia na temat najlepszych leniwych wtyczek WordPress
Obrazy są zwykle winne, gdy strony ładują się w nieskończoność, a optymalizacja szybkości witryny koncentruje się zatem na optymalizacji czasu ładowania obrazów. Nie można jednak odmówić znaczenia obrazom, jeśli chodzi o dodawanie wartości do posta lub jakiejkolwiek innej treści.
Obraz wart tysiąca słów pozostaje prawdziwy w dobie internetu. Doświadczenie użytkownika jest bardzo ważne i chcesz, aby użytkownicy pozostali w Twojej witrynie, aby zobaczyć te niesamowite obrazy, które zdmuchną ich umysły i sprawią, że Twoje treści będą dla nich bardziej odpowiednie.
Z drugiej strony powolne ładowanie frustruje użytkowników i odpycha ich. Rozwiązanie jest proste: wtyczka WordPress Lazy Load. Wtyczka WordPress Lazy Load to jedyne rozwiązanie, które dodaje doskonałe czasy ładowania do witryny z dużą ilością obrazów i wideo.
Jeśli podobał Ci się ten artykuł na temat wtyczki WordPress Lazy Load, powinieneś zapoznać się z tym artykułem o tym, jak wykorzystać pamięć podręczną przeglądarki w WordPressie.
Pisaliśmy również o kilku powiązanych tematach, takich jak wtyczka do bazy danych WordPress, jak przyspieszyć działanie WordPressa, opcje wtyczki do pamięci podręcznej WordPress i usługi CDN.