Core Web Vitals: jak szybkość strony wpływa na sprzedaż

Core Web Vitals to trzy wskaźniki Google, które mierzą, jak szybko strona się ładuje, jak sprawnie reaguje na kliknięcia i czy jej układ nie „skacze” podczas wczytywania. Dla firmy to nie jest wyłącznie temat dla programistów: wolna strona oznacza porzucone formularze, niedokończone zakupy i gorsze pierwsze wrażenie. W tym artykule wyjaśniamy, co dokładnie mierzą Core Web Vitals, jak sprawdzić wyniki swojej strony i co poprawić najpierw, żeby przełożyło się to na sprzedaż.

Najważniejsze w skrócie

• Core Web Vitals obejmują trzy metryki: LCP (ładowanie), INP (responsywność) i CLS (stabilność układu).
• Dobre wyniki to LCP do 2,5 s, INP do 200 ms i CLS do 0,1, mierzone dla 75% wizyt użytkowników.
• Google ocenia strony na podstawie danych od prawdziwych użytkowników Chrome, a nie wyniku z pojedynczego testu Lighthouse.
• Szybkość strony jest jednym z sygnałów rankingowych, ale nie zastąpi trafnej i wartościowej treści.
• Najczęstsze źródła problemów to ciężkie obrazy, nadmiar skryptów zewnętrznych i elementy bez zarezerwowanego miejsca.

Czym są Core Web Vitals

Core Web Vitals to podzbiór wskaźników Web Vitals, który Google uznał za kluczowy dla doświadczenia użytkownika. Każda metryka odpowiada na inne pytanie, które odwiedzający zadaje sobie nieświadomie w pierwszych sekundach wizyty.

LCP – czy strona już się załadowała?

LCP (Largest Contentful Paint) to czas, po którym na ekranie pojawia się największy widoczny element – zwykle zdjęcie w sekcji hero albo główny nagłówek. To moment, w którym użytkownik uznaje, że strona „jest”.

INP – czy strona reaguje?

INP (Interaction to Next Paint) to opóźnienie między interakcją – kliknięciem, dotknięciem, wpisaniem znaku – a widoczną reakcją strony. W marcu 2024 roku INP zastąpił wcześniejszą metrykę FID. Wysoki INP sprawia, że przycisk „Wyślij” wydaje się nie działać i użytkownik klika go kilka razy.

CLS – czy układ jest stabilny?

CLS (Cumulative Layout Shift) to miara nieoczekiwanych przesunięć elementów strony. Klasyczny przykład: chcesz kliknąć link, a w ostatniej chwili nad nim doczytuje się baner i trafiasz w coś innego.

Progi Core Web Vitals w jednej tabeli

Metryka	Co mierzy	Dobrze	Do poprawy	Słabo
LCP	ładowanie głównej treści	≤ 2,5 s	2,5–4 s	> 4 s
INP	reakcja na interakcje	≤ 200 ms	200–500 ms	> 500 ms
CLS	stabilność układu	≤ 0,1	0,1–0,25	> 0,25

Strona „zalicza” ocenę, gdy co najmniej 75% wizyt mieści się w zielonym progu dla każdej z trzech metryk – osobno na urządzeniach mobilnych i na komputerach.

Jak szybkość strony wpływa na sprzedaż

Związek między szybkością a konwersją jest intuicyjny, ale warto rozumieć jego mechanizm, bo to on podpowiada, co naprawiać najpierw:

• Pierwsze wrażenie. Jeśli przez kilka sekund widać pusty ekran, część osób wraca do wyników wyszukiwania i wybiera konkurencję – zanim w ogóle zobaczy twoją ofertę.
• Zaufanie. Strona, która się przesuwa i reaguje z opóźnieniem, wygląda na zaniedbaną. Przy formularzu kontaktowym lub płatności to realna bariera.
• Tarcie w kluczowych momentach. Wysoki INP najbardziej boli tam, gdzie użytkownik działa: w filtrach, koszyku, formularzu. To właśnie te ekrany decydują o konwersji.
• Ruch mobilny. Telefony mają słabsze procesory i wolniejsze łącza niż komputer, na którym testujesz stronę. Wyniki mobilne są zwykle gorsze i to one zasługują na uwagę w pierwszej kolejności.

Zamiast opierać się na cudzych statystykach, sprawdź własne dane. W Google Analytics porównaj współczynnik konwersji na najszybszych i najwolniejszych podstronach albo przed i po optymalizacji. Taki pomiar powie ci więcej niż ogólne liczby z raportów branżowych.

Core Web Vitals a pozycje w Google

Core Web Vitals są częścią sygnałów „page experience”, które Google bierze pod uwagę w rankingu. Ich wpływ jest jednak ograniczony: przy dwóch podobnie wartościowych stronach szybsza może wygrać, ale szybkość nie wypromuje słabej treści. Traktuj więc optymalizację przede wszystkim jako inwestycję w konwersję, a korzyść SEO jako dodatek.

Jak zmierzyć Core Web Vitals

Rozróżnij dwa rodzaje danych. Dane terenowe to pomiary od prawdziwych użytkowników Chrome (raport CrUX) – na nich opiera się ocena Google. Dane laboratoryjne to symulacja jednego wczytania strony, przydatna do diagnozy, ale nie zawsze zgodna z rzeczywistością.

• PageSpeed Insights (pagespeed.web.dev) – pokazuje dane terenowe, jeśli strona ma wystarczający ruch, oraz test laboratoryjny z listą zaleceń.
• Google Search Console, raport „Podstawowe wskaźniki internetowe” – grupuje adresy o podobnych problemach i pokazuje trend w czasie.
• Chrome DevTools, zakładki Lighthouse i Performance – do szczegółowej analizy, co blokuje ładowanie lub interakcje.

Pamiętaj, że dane terenowe są uśredniane z ostatnich 28 dni. Po wdrożeniu poprawek poczekaj kilka tygodni, zanim ocenisz efekt w Search Console.

Jak poprawić Core Web Vitals: checklista

LCP

• kompresuj obrazy i używaj nowoczesnych formatów, takich jak WebP;
• serwuj obrazy w rozmiarze dopasowanym do ekranu (atrybuty srcset i sizes);
• nie stosuj leniwego ładowania (loading="lazy") dla obrazu w sekcji hero;
• skróć czas odpowiedzi serwera – cache i CDN, czyli sieć serwerów blisko użytkownika;
• ogranicz CSS i czcionki blokujące renderowanie.

INP

• zrób przegląd skryptów zewnętrznych: czaty, mapy ciepła, piksele reklamowe – każdy z nich obciąża przeglądarkę;
• ładuj skrypty niekrytyczne z atrybutem defer lub dopiero po interakcji;
• dziel długie zadania JavaScript na mniejsze fragmenty;
• w Google Tag Managerze usuń tagi, których nikt już nie używa.

CLS

• nadawaj obrazom i osadzonym elementom wymiary (width, height lub aspect-ratio);
• rezerwuj miejsce na banery, reklamy i baner cookies;
• ustaw font-display: swap i dobierz czcionkę zastępczą o podobnych proporcjach;
• nie wstawiaj treści nad już wyświetlonymi elementami, chyba że w odpowiedzi na działanie użytkownika.

Od czego zacząć

Nie naprawiaj wszystkiego naraz. Wybierz szablony z największym ruchem i znaczeniem dla sprzedaży – stronę główną, strony usług, kartę produktu, formularz – i zacznij od metryki, która jest na nich najsłabsza. Jedna poprawka w szablonie działa na setki podstron jednocześnie.

LessCMS a Core Web Vitals

Wiele czynników wpływających na Core Web Vitals zależy od infrastruktury, a nie od treści. W LessCMS część z nich masz zapewnioną od startu:

• strony są renderowane po stronie serwera (SSR) i serwowane z brzegowej sieci Cloudflare (CDN), blisko użytkownika;
• przy publikacji cache jest automatycznie czyszczony po tagach, więc szybka wersja z CDN nie oznacza nieaktualnej treści;
• obrazy wgrane do biblioteki mediów są automatycznie optymalizowane do formatu WebP;
• kody GA, GTM i własne skrypty dodajesz w jednym miejscu, co ułatwia kontrolę nad tym, co faktycznie ładuje się na stronie.

Na wynik nadal wpływają twoje decyzje – liczba skryptów zewnętrznych czy rozmiar materiałów wideo – dlatego mierz go regularnie. Więcej o technicznych podstawach przeczytasz na stronie SEO w LessCMS, a jeśli budujesz własny front, zajrzyj do opisu headless API.

Najczęstsze pytania

Jak sprawdzić Core Web Vitals swojej strony?

Najprościej wkleić adres strony w PageSpeed Insights, które pokazuje dane od prawdziwych użytkowników i test laboratoryjny. Dla całej witryny skorzystaj z raportu „Podstawowe wskaźniki internetowe” w Google Search Console. Oba narzędzia są bezpłatne.

Dlaczego PageSpeed Insights pokazuje inne wyniki niż Search Console?

PageSpeed Insights ocenia pojedynczy adres, a Search Console grupuje podobne adresy i pokazuje dane z 28 dni. Wynik punktowy Lighthouse (0–100) pochodzi z symulacji i nie jest tym samym co ocena Core Web Vitals. Decydujące są dane terenowe od użytkowników.

Czy Core Web Vitals wpływają na pozycje w Google?

Tak, ale w ograniczonym stopniu – są jednym z wielu sygnałów, a trafność treści pozostaje ważniejsza. Ich większa wartość leży w wyższej konwersji i mniejszej liczbie porzuconych wizyt.

Co najczęściej psuje wynik INP?

Za słaby INP najczęściej odpowiada nadmiar JavaScriptu, zwłaszcza skryptów zewnętrznych: czatów, narzędzi analitycznych i pikseli reklamowych. Przegląd tagów i usunięcie nieużywanych zwykle daje najszybszą poprawę.

Jak szybko widać efekty poprawy Core Web Vitals?

Test laboratoryjny pokaże zmianę od razu, ale dane terenowe w Search Console aktualizują się stopniowo w oknie 28 dni. Realnie ocenisz efekt po trzech–czterech tygodniach od wdrożenia.

Chcesz sprawdzić, jak wypada strona postawiona na LessCMS? Wybierz plan w cenniku i załóż konto bez karty.