Filmy są świetnym sposobem na zwiększenie zaangażowania użytkowników na twojej witrynie internetowej. Jednak jedną z wad osadzania filmów jest to, że spowalnia to twoją witrynę internetową. W tym artykule pokażemy ci, jak dodać leniwe wczytywanie dla filmów w WordPress i poprawić szybkość twojej strony.
Jak działa leniwe wczytywanie filmów?
Zastanawiasz się, czym dokładnie jest leniwe wczytywanie i jak działa?
Kiedy osadzasz film na swojej witrynie, dodajesz dodatkowe zewnętrzne skrypty i pliki, które muszą być wczytywane. Ponieważ jest ich więcej do załadowania, twoja witryna internetowa wczytuje się wolniej.
Leniwe wczytywanie wideo zastępuje osadzane filmy Youtube i Vimeo klikalnym obrazkiem podglądu. Gdy odwiedzający twoją stronę klikną na obrazek, wczytywany i odtwarzany jest film.
Ponieważ obrazki mają znacznie mniejszy rozmiar niż filmy, technika leniwego wczytywania znacznie poprawia szybkość strony.
Teraz, gdy znasz już zalety, przyjrzyjmy się, jak leniwie wczytywać filmy z YouTube i Vimeo w WordPress.
Film poradnik
Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, czytaj dalej.
Jak dodać leniwe wczytywanie filmów w WordPressie
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę Lazy Load for Film.
Ta wtyczka działa od razu po wyjęciu z pudełka i nie trzeba edytować żadnych skryptów jQuery do leniwego wczytywania ani żadnego kodu.
Aby zobaczyć, że twoje leniwe wczytywanie działa, wystarczy zobaczyć wpis lub stronę zawierającą film z YouTube lub Vimeo. Zauważysz, że domyślne odtwarzacze zostały zastąpione miniaturką filmu i przyciskiem odtwarzania.
Kliknięcie obrazka spowoduje wczytywanie i odtwarzanie filmu.
Może wystąpić niewielkie sekundowe (pomijalne) opóźnienie wczytywania filmu, więc nie myśl, że leniwe ładowanie nie działa.
Mimo że ta wtyczka działa po wyjęciu z pudełka, nadal istnieją ustawienia, które można skonfigurować w zależności od twoich potrzeb.
Na ekranie edytora wpisów można wybrać jakość miniaturki dla filmów osadzanych w YouTube.
Oprócz jakości miniaturki, dostępne są dalsze opcje konfiguratora, jeśli przejdziesz do Ustawienia ” Leniwe wczytywanie filmów.
Na karcie ustawień ogólnych można dostosować wygląd miniaturek filmów. Możesz włączyć tryb responsywny, wybrać styl przycisku odtwarzania, użyć własnego CSS, a nawet włączyć znaczniki schema.org.
Wtyczka obsługuje zarówno YouTube, jak i Vimeo. Ustawienia specyficzne dla dostawcy można znaleźć, klikając odpowiednie karty.
Na karcie YouTube można wybrać kolory, jakość miniaturek, wyłączyć powiązane filmy i adnotacje itp. Można nawet wyłączyć leniwe wczytywanie filmów z YouTube.
Podobnie na karcie ustawień Vimeo można wybrać kolory kontrolne, ukryć lub wyświetlić tytuł filmu oraz wyłączyć leniwe wczytywanie filmów Vimeo.
To wszystko. Mamy nadzieję, że ten artykuł pomógł ci dodać leniwe wczytywanie dla filmów w WordPress.
Aby jeszcze bardziej zwiększyć szybkość twojej witryny internetowej, musisz skonfigurować rozwiązanie WordPress CDN z wtyczką W3 Total Cache.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć poradniki dotyczące filmów WordPress. Możesz nas również znaleźć na Twitterze i Google+.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Matt says
Please update this article! I’m having a lot of trouble finding up to date information on how to achieve this
WPBeginner Support says
We will certainly take a look at updating the article
Administrator
Mike says
What happens if you want to be playing your youtube videos in popups instead of on the page itself. Can you still use this plugin?
Ferret of chaos says
I am running chrome with the pintrest plugin under linux and the video will not play. Even loading the image into a 2nd tab will not work. I am going to disable the plugin and see if the video will work. And negative, the video will still not play.
Rabbi Khan says
Hi there I have a question about WordPress conditional tag. in my template displaying tags in post footer on WordPress homepage. So How to hide tags on home page. And display only on post page. Thanks in advance.
John says
I have problem with this plugin. When I click on the image video starts play in thumbnail and under thumbnail too.
DebG. says
So this plugin is responsive? It works with responsive themes?