Szybkość strony a sprzedaż. Czym są Lighthouse i Core Web Vitals

Klient na telefonie nie czeka. Według badań Google 53% wizyt z urządzeń mobilnych kończy się porzuceniem strony, jeśli ładuje się dłużej niż 3 sekundy, a wydłużenie ładowania z 1 do 3 sekund zwiększa ryzyko odejścia o 32%. Szybkość to więc nie ciekawostka dla programistów, tylko element sprzedaży.

Czym jest Lighthouse

Lighthouse to darmowe narzędzie Google, wbudowane w przeglądarkę Chrome i w PageSpeed Insights. Sprawdza stronę na symulowanym telefonie ze średniej półki i wolnym łączu 4G, a potem wystawia oceny od 0 do 100 w kategoriach: wydajność, dostępność, dobre praktyki i SEO. Wynik 90–100 jest zielony, 50–89 pomarańczowy, a poniżej 50 — czerwony.

Core Web Vitals w pigułce

• LCP (Largest Contentful Paint) — kiedy pojawia się największy element na ekranie, zwykle zdjęcie albo nagłówek. Dobry wynik: do 2,5 s.
• INP (Interaction to Next Paint) — jak szybko strona reaguje na kliknięcie czy dotknięcie. Dobry wynik: do 200 ms.
• CLS (Cumulative Layout Shift) — czy układ przeskakuje podczas ładowania. Dobry wynik: do 0,1.

Te trzy wskaźniki Google mierzy u prawdziwych użytkowników przeglądarki Chrome i uwzględnia je, oceniając doświadczenie na stronie.

Wynik z laboratorium a dane z terenu

Lighthouse to test laboratoryjny — pojedynczy pomiar w kontrolowanych warunkach, więc wynik może się nieco różnić między uruchomieniami. W PageSpeed Insights zobaczysz też dane z terenu (Chrome UX Report), o ile strona ma wystarczający ruch. Warto patrzeć na oba źródła: laboratorium mówi, co poprawić, a dane z terenu — jak jest naprawdę.

Co najczęściej spowalnia stronę

• zbyt duże zdjęcia w starych formatach — JPEG i PNG zamiast AVIF czy WebP,
• CSS i JavaScript motywu oraz wtyczek ładowane na każdej podstronie,
• skrypty zewnętrzne — czaty, piksele reklamowe, mapy — uruchamiane przed treścią,
• czcionki, które blokują wyświetlenie tekstu,
• strona budowana dopiero w przeglądarce, bez gotowego HTML-a.

Ile kosztuje wolna strona

Wolna strona kosztuje podwójnie. Po pierwsze, część klientów wychodzi, zanim zobaczy ofertę. Po drugie, jeśli prowadzisz kampanie Google Ads, jakość strony docelowej wpływa na ocenę jakości reklamy, a przez to na cenę kliknięcia. Płacisz więc za ruch, który strona potem traci.

Telefon to inny świat niż komputer

Wersja mobilna testu Lighthouse spowalnia procesor i łącze, żeby odtworzyć przeciętny telefon na przeciętnym zasięgu. Dlatego wiele stron ma ponad 90 punktów na komputerze i znacznie mniej na telefonie — a to właśnie telefon jest dziś głównym urządzeniem klientów. Zawsze sprawdzaj oba wyniki.

Trzy mity o szybkości

• „Wynik 100 to cel sam w sobie.” Liczy się to, co czuje klient: szybkie pojawienie się treści i natychmiastowa reakcja na dotyk. Wynik jest miarą, a nie produktem.
• „Wystarczy dobry hosting.” Serwer pomaga, ale jeśli strona wysyła kilka megabajtów skryptów i zdjęć, żaden hosting tego nie nadrobi.
• „Wtyczka do cache wszystko naprawi.” Cache przyspiesza wysyłkę gotowej strony, ale nie zmniejszy ciężkiego motywu ani nie zmieni kolejności ładowania skryptów.

Jak budujemy strony z wynikiem 90+

Każda podstrona przychodzi jako gotowy HTML, najważniejszy CSS jest w dokumencie, obrazy mają format AVIF w kilku rozmiarach, a JavaScript jest podzielony na części i dociąga się po pierwszej klatce. Czat i analityka ładują się dopiero wtedy, gdy użytkownik zacznie korzystać ze strony. Efekt zobaczysz w sekcji o szybkości — i w naszych realizacjach.

Jak sprawdzić swoją stronę

Wejdź na pagespeed.web.dev, wklej adres i uruchom test w wersji na telefon. Zwróć uwagę na LCP i sekcję „Diagnostyka”. Jeśli wynik jest pomarańczowy albo czerwony, napisz do nas — powiemy, co da się poprawić i ile to potrwa.