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

Niedawno pomogliśmy właścicielowi małej firmy, której strona internetowa ładowała się wieki. Odkryliśmy, że wiele osadzonych filmów z YouTube spowalniało wszystko.

Wolne czasy ładowania sfrustrują Twoich odwiedzających i zaszkodzą Twoim rankingom w wyszukiwarkach. Na szczęście leniwe ładowanie wideo rozwiązuje ten problem, ładując najpierw lekką podglądową grafikę.

Używamy tej samej techniki na własnych stronach, aby strony ładowały się błyskawicznie. Oto najprostszy sposób na dodanie leniwego ładowania dla Twoich filmów w WordPress.

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.

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

Aby dodać lenistwo ładowania dla filmów, pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki 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 leniwe ładowanie działa, po prostu wyświetl wpis lub stronę zawierającą film z YouTube lub Vimeo. Zauważysz, że miniatura filmu i przycisk odtwarzania zastępują domyślne odtwarzacze.

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.

Pamiętaj, że chociaż ta wtyczka działa od razu po zainstalowaniu, nadal możesz skonfigurować jej ustawienia zgodnie ze swoimi potrzebami. Na ekranie edytora wpisów możesz wybrać jakość miniatury 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.

Ta wtyczka 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 wtyczki do tego celu, i to jest świetne pytanie. Od wersji 5.7 WordPress automatycznie dodaje podstawową formę leniwego ładowania do filmów. Mówi przeglądarce internetowej, aby poczekała, aż film znajdzie się blisko ekranu, zanim go załaduje.

Jednak metoda z wtyczką jest nadal znacznie skuteczniejsza pod względem szybkości. Wbudowana metoda WordPress nadal ładuje cały odtwarzacz wideo (w tym ciężkie skrypty śledzące stron trzecich z YouTube lub Vimeo), tylko trochę później. Wtyczka zapobiega ładowaniu tych zewnętrznych skryptów w ogóle, dopóki odwiedzający faktycznie nie kliknie przycisku odtwarzania.

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ć filmu do WordPressa.

Samouczek wideo

Subskrybuj WPBeginner

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.7 WordPress zawiera natywne leniwe ładowanie dla filmów. Jednak po prostu czeka z załadowaniem odtwarzacza wideo, aż znajdzie się on blisko ekranu. Użycie wtyczki, która zastępuje wideo miniaturą, jest znacznie skuteczniejsze w poprawie szybkości.

2. Czy leniwe ładowanie jest dobre dla SEO?

Tak, lenistwo ładowania jest doskonałe dla SEO. Szybkość strony jest kluczowym czynnikiem rankingowym Google. Przyspieszając swoje strony, lenistwo ładowania pomaga poprawić wyniki Core Web Vitals, co może prowadzić do lepszych rankingów 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 lenistwa ładowania wideo jako część swoich narzędzi 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:

• Ostateczny przewodnik po szybkości i wydajności WordPressa – Ten obszerny przewodnik zawiera wszystko, co musisz wiedzieć o optymalizacji szybkości swojej witryny, od buforowania po kompresję obrazów.
• Jak prawidłowo skonfigurować CDN WordPressa – Dowiedz się, jak sieć dostarczania treści (CDN) może znacznie skrócić czas ładowania Twojej witryny dla użytkowników na całym świecie.
• Dlaczego nigdy nie powinieneś przesyłać filmu 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.