W artykule:
Filmy są świetne do poprawy zaangażowania użytkowników w Twojej witrynie. Jednak jedną wadą osadzania filmów jest to, że spowalnia Twoją witrynę. W tym artykule pokażemy, jak dodać leniwe Ładowanie filmów w WordPress i poprawić szybkość strony.
Jak działa leniwe Ładowanie filmów?
Zastanawiasz się, czym dokładnie jest leniwe ładowanie i jak to działa?
Po osadzeniu filmu w witrynie dodawane są dodatkowe zewnętrzne skrypty i pliki, które należy załadować. Ponieważ jest więcej do załadowania, Twoja witryna ładuje się wolniej.
Leniwe ładowanie wideo zastępuje osadzone filmy Youtube i Vimeo klikalnym obrazem podglądu. Gdy odwiedzający klikną obraz, ładuje się i odtwarza film.
Ponieważ obrazy są znacznie mniejsze niż filmy, leniwa technika ładowania znacznie poprawia szybkość strony.
Teraz, gdy znasz zalety, rzućmy okiem na to, jak leniwie ładować filmy z YouTube i Vimeo w WordPress.
Video Tutorial
Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, Kontynuuj czytanie.
Jak dodać leniwe Ładowanie filmów w WordPress
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Lazy Load for Videos.
Ta wtyczka działa po wyjęciu z pudełka i nie musisz edytować żadnych leniwych skryptów ładowania jQuery ani żadnego kodu.
Aby zobaczyć, że leniwe ładowanie działa, wystarczy wyświetlić post lub stronę zawierającą wideo z YouTube lub Vimeo. Zauważysz, że domyślne Odtwarzacze są zastępowane przez miniaturę wideo i przycisk odtwarzania.
Po kliknięciu obrazu załaduje się film i odtworzy go.
Może wystąpić niewielkie drugie (znikome) opóźnienie w ładowaniu wideo, więc proszę nie myśleć, ż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 potrzeb.
Na ekranie edytora postów możesz wybrać jakość miniatur dla osadzania filmów w YouTube.
Oprócz jakości miniatur, dostępne są dalsze opcje dostosowywania, jeśli udasz się do Ustawienia ” Lazy Load for Videos.
Na karcie Ustawienia Ogólne możesz dostosować wygląd miniatur wideo. Możesz włączyć tryb responsywny, wybrać styl przycisku odtwarzania, użyć niestandardowego CSS, a nawet włączyć schema.org znaczniki.
Ta wtyczka obsługuje zarówno YouTube, jak i Vimeo. Ustawienia poszczególnych dostawców można znaleźć, klikając odpowiednie karty.
Na karcie YouTube możesz wybrać kolory, jakość miniatur, wyłączyć powiązane filmy i adnotacje itp. Możesz nawet wyłączyć leniwe Ładowanie filmów z YouTube.
Podobnie na karcie Ustawienia Vimeo możesz wybrać kolory sterujące, ukryć lub wyświetlić tytuł wideo i wyłączyć leniwe Ładowanie filmów Vimeo.
To wszystko. Mamy nadzieję, że ten artykuł pomógł Ci dodać leniwe Ładowanie filmów w WordPress.
Aby jeszcze bardziej zwiększyć szybkość witryny, musisz skonfigurować rozwiązanie WordPress CDN z wtyczką W3 Total Cache.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Możesz nas również znaleźć na Twitterze i Google+.
