Jak łatwo dodać leniwego ładowania dla filmów w WordPress

Podczas optymalizacji stron internetowych klientów często okazuje się, że osadzone filmy są główną przyczyną wolnego ładowania stron. Problem polega na tym, że przeglądarki od razu ładują cały odtwarzacz wideo, nawet jeśli odwiedzający nigdy nie kliknie przycisku odtwarzania, co może naprawdę zaszkodzić wydajności Twojej witryny.

Rozwiązaniem jest leniwe ładowanie wideo. Ta prosta technika zastępuje ciężkie osadzenia wideo lekkim obrazem podglądu. Odkryliśmy, że może to poprawić czas ładowania strony nawet o 30% na stronach z wieloma filmami.

Jeśli chcesz przyspieszyć swoją witrynę WordPress bez usuwania treści wideo, trafiłeś we właściwe miejsce. Pokażemy Ci najłatwiejsze i najskuteczniejsze sposoby dodawania leniwego ładowania dla Twoich filmów.

Czym jest leniwe ładowanie filmów i jak działa?

Leniwe ładowanie to technika zwiększająca wydajność, która opóźnia ładowanie nieistotnych części strony internetowej do momentu, gdy będą one faktycznie potrzebne.

Zazwyczaj, gdy osadzasz film z witryny takiej jak YouTube lub Vimeo, przeglądarka musi załadować cały odtwarzacz wideo i wszystkie powiązane skrypty. Dodaje to dodatkowy ciężar do Twojej strony i może znacznie spowolnić wydajność Twojej witryny.

Lenistwo ładowania wideo rozwiązuje ten problem, zastępując ciężki odtwarzacz wideo lekkim, klikalnym obrazem podglądu (miniaturą). Pełny odtwarzacz wideo ładuje się dopiero po kliknięciu przycisku odtwarzania na obrazie przez odwiedzającego.

Ponieważ obrazy są znacznie mniejsze od filmów, technika leniwego ładowania znacząco poprawia szybkość strony.

Teraz, gdy znasz zalety, przyjrzyjmy się, jak leniwie ładować filmy z YouTube i Vimeo w WordPressie.

Samouczek wideo

Subskrybuj WPBeginner

Jeśli wolisz instrukcje pisemne, czytaj dalej.

Jak dodać leniwe ładowanie dla filmów w WordPress

Aby dodać leniwe ładowanie filmów, pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie pluginu Lazy Load for Videos.

Ta wtyczka działa od razu po wyjęciu z pudełka i nie będziesz musiał dotykać ani jednej linii kodu.

Aby sprawdzić, czy Twoje leniwe ładowanie działa, wystarczy wyświetlić wpis lub stronę zawierającą film z YouTube lub Vimeo. Zauważysz, że domyślne odtwarzacze zastąpiono miniaturką filmu i przyciskiem odtwarzania.

Po kliknięciu na obrazek, wideo zostanie załadowane i odtworzone.

Możesz zauważyć krótkie, sekundowe opóźnienie podczas ładowania wideo, ale to jest całkowicie normalne. Nie martw się; leniwe ładowanie działa bez zarzutu.

Należy pamiętać, że chociaż ta wtyczka działa od razu po instalacji, nadal istnieją ustawienia, które można skonfigurować zgodnie z własnymi potrzebami. Na ekranie edytora posta możesz wybrać jakość miniatur dla osadzonych filmów z YouTube.

Oprócz jakości miniaturki dostępne są dalsze opcje dostosowywania.

Możesz przejść do Ustawienia » Lenistwo ładowania dla filmów, aby sprawdzić i dostosować te opcje.

W zakładce „Ogólne/Stylizacja” możesz dostosować wygląd miniatur filmów. Możesz włączyć tryb responsywny, wybrać styl przycisku odtwarzania, użyć niestandardowego CSS, a nawet włączyć znaczniki schema.org.

Ten plugin obsługuje zarówno YouTube, jak i Vimeo. Ustawienia specyficzne dla dostawcy można znaleźć, klikając odpowiednie zakładki.

W zakładce „YouTube” możesz wybrać kolor paska postępu, wyłączyć pliki cookie, ukryć adnotacje i nie tylko. Możesz nawet wyłączyć leniwe ładowanie filmów z YouTube.

Podobnie, w zakładce ustawień Vimeo możesz wybrać kolory sterowania, ukryć lub wyświetlić tytuł filmu oraz wyłączyć leniwe ładowanie dla filmów Vimeo.

Jeśli wprowadziłeś jakiekolwiek zmiany w tych ustawieniach, nie zapomnij kliknąć przycisku „Zapisz zmiany” na dole, aby nie stracić postępów.

Czy WordPress ma wbudowane leniwe ładowanie filmów?

Możesz się zastanawiać, czy w ogóle potrzebujesz do tego wtyczki, i to jest świetne pytanie. Od wersji 5.5 WordPress automatycznie dodaje podstawową formę leniwego ładowania do filmów. Informuje przeglądarkę internetową, aby poczekała, aż film znajdzie się blisko ekranu, zanim go załaduje.

Jednak metoda z pluginem jest nadal znacznie bardziej efektywna pod względem szybkości. Plugin zapobiega całkowitemu ładowaniu ciężkiego odtwarzacza wideo, dopóki odwiedzający faktycznie nie kliknie przycisku odtwarzania. Wbudowana metoda WordPress nadal ładuje cały odtwarzacz, tylko nieco później.

Aby uzyskać największe przyspieszenie, najlepszym podejściem jest użycie wtyczki, która zastępuje wideo miniaturką podglądu. 👍

Bonus: Zawsze osadzaj filmy, nigdy ich nie przesyłaj

Zanim zagłębimy się w to, dlaczego powinieneś unikać przesyłania filmów na swoją witrynę WordPress, wyjaśnijmy różnicę między przesyłaniem a osadzaniem.

Przesyłanie filmu oznacza przechowywanie plików wideo bezpośrednio na Twojej stronie, podobnie jak przechowujesz obrazy w bibliotece multimediów WordPress. Zdecydowanie odradzamy takie rozwiązanie.

Z drugiej strony, osadzanie wideo polega na najpierw przesłaniu go na stronę trzecią, taką jak YouTube. Następnie osadzasz wideo na swoim blogu, umożliwiając jego oglądanie na swojej stronie internetowej, podczas gdy jest ono przechowywane gdzie indziej. Zdecydowanie zalecamy osadzanie filmów, kiedy tylko jest to możliwe.

Aby dowiedzieć się więcej o korzyściach z osadzania zamiast przesyłania filmów do WordPressa, zapoznaj się z naszym przewodnikiem na temat dlaczego nigdy nie powinieneś przesyłać wideo do WordPressa.

Najczęściej zadawane pytania dotyczące leniwego ładowania filmów

Oto niektóre z najczęstszych pytań, jakie nasi czytelnicy zadają na temat dodawania leniwego ładowania filmów w WordPressie.

1. Czy WordPress domyślnie leniwie ładuje filmy?

Tak, od wersji 5.5 WordPress zawiera natywne leniwe ładowanie filmów. Jednak po prostu czeka z ładowaniem odtwarzacza wideo, aż znajdzie się on blisko ekranu. Użycie wtyczki, która zastępuje wideo miniaturką, jest znacznie skuteczniejsze w poprawie szybkości.

2. Czy leniwe ładowanie jest dobre dla SEO?

Tak, leniwe ładowanie jest doskonałe dla SEO. Szybkość witryny jest kluczowym czynnikiem rankingowym Google. Przyspieszając ładowanie stron, leniwe ładowanie pomaga poprawić wyniki Core Web Vitals, co może prowadzić do lepszych pozycji w wyszukiwarkach.

3. Czy lenistwo ładowania filmów wpłynie na moje wyświetlenia na YouTube lub Vimeo?

Nie, nie wpłynie to na liczbę wyświetleń. Kiedy odwiedzający kliknie przycisk odtwarzania na obrazie podglądu, załaduje się oficjalny odtwarzacz wideo. Wyświetlenie zostanie następnie zliczone przez YouTube lub Vimeo tak, jakby to było normalnie.

Jaki jest najlepszy plugin do leniwego ładowania filmów?

Polecamy wtyczkę „Lazy Load for Videos” ze względu na jej prostotę i skuteczność. Wiele popularnych wtyczek wydajnościowych, takich jak WP Rocket, zawiera również doskonałe funkcje leniwego ładowania wideo jako część swoich narzędzi do optymalizacji wydajności.

Dodatkowe zasoby do przyspieszenia Twojej witryny

Mamy nadzieję, że ten artykuł pomógł Ci dodać leniwe ładowanie filmów w WordPressie. Jeśli chcesz dowiedzieć się więcej sposobów na przyspieszenie swojej strony internetowej, polecamy zapoznanie się z tymi poradnikami:

• Kompletny przewodnik po szybkości i wydajności WordPressa – Ten obszerny przewodnik obejmuje wszystko, co musisz wiedzieć o optymalizacji szybkości Twojej witryny, od buforowania po kompresję obrazów.
• Jak prawidłowo skonfigurować sieć CDN WordPress – Dowiedz się, jak sieć dostarczania treści (CDN) może znacząco skrócić czas ładowania Twojej witryny dla odwiedzających na całym świecie.
• Dlaczego nigdy nie powinieneś przesyłać wideo do WordPressa – Głębokie spojrzenie na powody, dla których osadzanie filmów jest zawsze lepsze dla wydajności Twojej witryny i doświadczenia użytkownika.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.