PageSpeed a wideo:
Najczęstsze błędy i jak ich unikać

Ale jest haczyk: wpływ na twój wynik PageSpeed jest jak utknięcie na 3G — wszystko zwalnia. Naprawdę zwalnia. Jeśli odwiedzający to zauważą, jest to po prostu irytujące. A czasem nawet tego nie widzą — ale Google na pewno tak. Wiele stron traci 20–40 punktów w Google PageSpeed Insights tylko przez źle osadzone wideo. Prawdziwy problem? Twoja strona spada w rankingu, a odwiedzający nawet nie mają szansy na nią kliknąć.

Dobra wiadomość: nie musi tak być — możesz zachować swoje wideo bez poświęcania szybkości i bez zagłębiania się w dokumentację techniczną. W tym artykule najpierw wyjaśnimy, dlaczego wideo często spowalnia twoją stronę — ok, będzie trochę technicznie — ale zostań ze mną. Potem pokażę ci, co możesz z tym zrobić. I tak, naprawienie tego może wymagać odrobiny techniki, ale obiecuję, że to do ogarnięcia.

Dlaczego wideo może zabić twój PageSpeed

Wideo to nie są lekkie zasoby. Nawet jeden film może łatwo ważyć kilka megabajtów — zwłaszcza jeśli po prostu wrzucisz go na stronę bez żadnej optymalizacji. Jasne, możesz zmniejszyć rozmiar pliku, wybierając odpowiedni format i kompresję, ale to tylko część historii.

To nie sam rozmiar pliku spowalnia twoją stronę. Jest kilka innych powodów, dla których wideo może zamienić twoją stronę w ślimaka:

1. Autoplay i Preload Gdy włączysz Autoplay lub Preload, wideo zaczyna się ładować natychmiast po otwarciu strony — niezależnie od tego, czy użytkownik je obejrzy, czy nie. Sam Autoplay niekoniecznie jest zły, ale trzeba go używać z głową. Jeśli wideo zaczyna się odtwarzać, zanim jest widoczne dla użytkownika, to po prostu marnowanie transferu.
2. Brak Lazy Load W uproszczeniu oznacza to, że Player wideo ładuje się natychmiast, nawet jeśli jest daleko na dole strony i odwiedzający jeszcze do niego nie przewinął. W połączeniu z Autoplay to prawdziwy zabójca szybkości strony.
3. Core Web Vitals cierpią Wideo wpływa na kluczowe wskaźniki wydajności, takie jak: LCP (Largest Contentful Paint): Jak szybko ładuje się największy widoczny element — często to właśnie twoje wideo. CLS (Cumulative Layout Shift): Gdy Player wideo nagle się ładuje i przesuwa treść, tworzy irytujące doświadczenie dla użytkownika. (Nie martw się, w następnej sekcji zagłębimy się w te pojęcia.)
4. Popularne amerykańskie serwisy wideo: wygodne, ale ciężkie Osadzanie wideo ze znanych amerykańskich serwisów brzmi prosto, ale lekkie to nie jest. Dlaczego? Bo te Playery ładują mnóstwo zewnętrznych skryptów do czcionek, trackingu i cookies. A jeśli chcesz być zgodny z RODO, często potrzebujesz rozwiązania z podwójnym kliknięciem, zanim wideo w ogóle ruszy. Dla bardziej technicznych: Google Lighthouse zwykle sygnalizuje to komunikatami typu: „Eliminate render-blocking resources" lub „Reduce JavaScript execution time"
5. Standardowy Hosting nie radzi sobie z wideo Nawet jeśli twój Hosting obejmuje „nielimitowany transfer", przepustowość jest często ograniczona. Jeśli kilku odwiedzających uruchomi Autoplay jednocześnie, twoja strona znacząco zwolni. (Mamy wywiad, który głębiej wyjaśnia, dlaczego standardowy Hosting nie jest najlepszy dla wideo.)
6. Wiele filmów na jednej stronie Jeśli dodasz kilka filmów na jedną stronę, mnożysz problem. Wszystkie ciężkie ładowania, Autoplay i skrypty trackingowe się kumulują, a twój wynik PageSpeed spada jak kamień.

Podsumowanie:

Dobrze umieszczone wideo może sprawić, że twoja strona wygląda świetnie, lepiej przekazuje komunikat, a nawet zwiększa konwersje. Ale jeśli nie zoptymalizujesz go odpowiednio, to bilet w jedną stronę do wolnego ładowania i sfrustrowanych użytkowników.

Krok wstecz: co tak naprawdę mierzy wynik PageSpeed (i dlaczego to ważne)

Jeśli kiedykolwiek używałeś Google PageSpeed Insights lub Lighthouse, wiesz, że końcowy wynik to liczba od 0 do 100. Im bliżej 100, tym lepsze doświadczenie użytkownika — przynajmniej zdaniem Google.

Czego wiele osób nie wie: wynik uwzględnia całą twoją stronę, nie tylko wideo. Już poruszyliśmy kilka kluczowych kwestii związanych z wideo. Teraz przyjrzyjmy się bliżej najważniejszym aspektom.

1. LCP (Largest Contentful Paint)

Co mierzy?

Czas potrzebny na załadowanie największego widocznego elementu. Na stronach z wideo jest to często sam Player lub duża miniatura.

Dlaczego to ważne?

Google traktuje LCP jako wskaźnik tego, jak szybko użytkownicy mogą coś zobaczyć na stronie. Im dłużej to trwa, tym wyższy współczynnik odrzuceń — użytkownicy odchodzą, zanim treść się pojawi.

2. CLS (Cumulative Layout Shift)

Co mierzy?

Ilość niespodziewanych przesunięć układu strony podczas jej ładowania.

Dlaczego to ważne?

Nic nie irytuje bardziej niż próba kliknięcia linku, który nagle się przesuwa, bo załadował się Player wideo i zepchnął wszystko w dół. Google surowo za to karze — i szczerze mówiąc, słusznie.

Typowe problemy:

• Playery wideo, które „wskakują" w układ strony po załadowaniu reszty.
• Brak stałego placeholdera w HTML, przez co treść skacze.

3. TBT (Total Blocking Time)

Co mierzy?

Czas, w którym przeglądarka jest zablokowana przez zewnętrzne skrypty, uniemożliwiając interakcje użytkownika (np. klikanie, przewijanie czy odtwarzanie wideo).

Dlaczego to ważne?

Im dłuższy ten okres blokowania, tym mniej interaktywna wydaje się strona. Użytkownicy tracą cierpliwość i odchodzą, bo nic się nie dzieje.

Typowe problemy:

• Zewnętrzne Playery ładujące mnóstwo JavaScript.
• Skrypty trackingowe od zewnętrznych dostawców.

4. FID (First Input Delay)

Co mierzy?

Opóźnienie między pierwszą interakcją użytkownika (np. kliknięciem) a momentem, gdy strona faktycznie reaguje.

Dlaczego to ważne?

Jeśli twój Player wideo reaguje dopiero po kilku sekundach, bo w tle wciąż ładują się skrypty, strona sprawia wrażenie ociężałej i nieprofesjonalnej.

5. SI (Speed Index)

Co mierzy?

Jak szybko widoczne części strony są wyświetlane.

Dlaczego to ważne?

Jeśli twoje wideo jest wyeksponowane i niezoptymalizowane, ciągnie w dół cały Speed Index.

Typowe problemy:

• Wideo ładuje się synchronicznie zamiast asynchronicznie.
• Brak Lazy Load lub obrazu podglądowego, więc cały Player ładuje się od razu.

6. INP (Interaction to Next Paint)

Co mierzy?

Responsywność twojej strony, gdy użytkownicy z nią wchodzą w interakcję.

Dlaczego to ważne?

Jeśli użytkownicy klikają przycisk odtwarzania i mija kilka sekund, zanim wideo ruszy, wygląda to tak, jakby przycisk nie działał.

Typowe problemy:

• Niezoptymalizowane Playery z opóźnionym startem.
• Skomplikowany JavaScript blokujący odpowiedź.

I lista jest jeszcze dłuższa...

Widzisz, o co chodzi: Wszystko sprowadza się do czasów ładowania, szybkości i tego, kiedy coś dzieje się na stronie. W praktyce nawet zoptymalizowane wideo może obniżyć twój wynik z 90 poniżej 50, jeśli zostanie źle osadzone — negatywnie wpływając na SEO, czas ładowania i doświadczenie użytkownika.

I to nie dotyczy tylko SEO. Często wpływa to też na skuteczność całych kampanii:

Dłuższe ładowanie = wyższy współczynnik odrzuceń = gorsza skuteczność kampanii = niższy ranking i wyższe koszty = mniejsza efektywność i zmarnowany budżet

To reakcja łańcuchowa: wolne wideo to nie tylko problem techniczny — może bezpośrednio uderzyć w twój sukces marketingowy.

Jak zoptymalizować wynik Lighthouse, mając wideo na stronie?

Prawda jest taka, że przy optymalizacji wyniku Lighthouse z wideo na stronie wchodzi w grę wiele czynników. Nie chodzi tylko o kompresję plików czy wybór formatu — jest cała lista rzeczy, które mogą pomóc lub zaszkodzić twojemu PageSpeed.

Dobra wiadomość? Mamy spore doświadczenie z wideo na stronach i czasem istnieją bardzo konkretne rozwiązania na wcześniej wymienione problemy. Z odpowiednim ustawieniem i optymalizacjami możesz zachować swoje wideo szybkie i płynne — bez rezygnacji z jakości czy doświadczenia użytkownika.

W następnej sekcji przeprowadzę cię przez praktyczne kroki, które naprawią najczęstsze problemy i podniosą twój wynik Lighthouse. Zaczynamy.

Dodatkowo przydatne:

• „Lekki" Player zamiast 5 MB JavaScript: Wiele Playerów jest naładowanych niepotrzebnymi funkcjami, skryptami trackingowymi i masą zbędnego kodu. Przejście na uproszczony, minimalistyczny Player może drastycznie poprawić czasy ładowania i zmniejszyć zużycie transferu.
• Przemyślane ładowanie wideo: Jeśli wideo jest poza początkowym widokiem ekranu, nie musi się ładować od razu. Wdrożenie Lazy Load zapewnia, że wideo pobiera się dopiero, gdy użytkownik do niego przewinie.
• Zoptymalizuj swoje wideo z Autoplay: Wideo z Autoplay jest często tylko dekoracyjne lub używane dla efektu wizualnego. Nie zawsze musi być długie. Krótkie, dynamiczne wideo od 5 do 15 sekund zwykle wystarczy i jest znacznie lżejsze dla ładowania strony.

Same te działania mogą podnieść twój wynik PageSpeed o 20–30 punktów — bez rezygnacji z jakości wideo.

Pro Tip: Alternatywa dla YouTube, Vimeo i spółki

Bądźmy szczerzy: Google nie będzie karał odtwarzacza YouTube. Ta sama firma. Lubią się nawzajem.

Ale to nie zmienia faktu, że odtwarzacz YouTube jest daleki od optymalnego pod względem wydajności. I nie chodzi tylko o szybkość — są też inne ograniczenia:

• Brak personalizacji: Musisz żyć z ich brandingiem i interfejsem.
• Brak Autoplay: Powodzenia w próbach płynnego odtwarzania.
• Ograniczona elastyczność formatów: Albo po ich myśli, albo wcale.
• Dziwne rekomendacje po zakończeniu wideo: Czasem to treści twojej konkurencji. Świetnie.

Moglibyśmy kontynuować, ale chyba łapiesz o co chodzi.

A do tego dochodzi jeszcze kwestia prywatności...

YouTube należy do Google, a inne amerykańskie serwisy nie są dużo lepsze pod względem zgodności z RODO. Możesz z nich korzystać, ale szybko zauważysz, że zawsze potrzebujesz rozwiązania „two-click", żeby to działało. To oznacza, że nie wszyscy odwiedzający faktycznie obejrzą twoje wideo. Nawet jeśli używasz opcji „no tracking" lub „no cookie", dane osobowe jak adresy IP wciąż mogą być przetwarzane. Frustrujące, prawda?

Ale są alternatywy:

1️⃣ Self-hosting – Ale jak już wspomnieliśmy, to nie jest takie proste, jak się wydaje. Potrzebujesz porządnego odtwarzacza, Lazy Load, Poster Image i tak dalej. Szczerze mówiąc, ma to sens tylko przy niskim ruchu. Jeśli twoja strona ma wielu odwiedzających, serwer może szybko nie dać rady.

2️⃣ Albo korzystasz z rozwiązań stworzonych specjalnie dla Europy i jej wymogów prywatności.

Właśnie dlatego stworzyliśmy Ignite Video. Po prostu wgrywasz wideo i integrujesz Player. Nie musisz się martwić o żaden z wymienionych powyżej problemów.

Jest od razu zgodny z RODO, bez cookies, wszystko to streaming adaptacyjny, Player pasuje do twojej marki, jest dostępny, serwery znajdują się w Niemczech, a ty wspierasz lokalną firmę zamiast globalnej korporacji. Praktycznie wszystko jest załatwione za ciebie.

No dobra, prawie wszystko — warto jeszcze mieć oko na długość wideo. Ale poza tym jest z górki.

Podsumowanie: Wideo jest świetne — ale tylko jeśli jest dobrze zaimplementowane.

W skrócie: Nie wrzucaj wideo na stronę byle jak. Zwracaj uwagę na kluczowe KPI wymienione powyżej. Nie próbuj naprawiać wszystkiego naraz. Zacznij od optymalizacji formatów, potem przejdź do lepszego odtwarzacza. Alternatywnie możesz od razu skorzystać z profesjonalnego dostawcy.

Możesz to wszystko zrobić sam, ale uprzedzamy — to dość skomplikowane.