Najważniejsze w 30 sekund:

  • Core Web Vitals (CWV - 3 podstawowe metryki użytkownika od Google) to fundament optymalizacji strony internetowej w 2026. Trzy konkretne progi do osiągnięcia: LCP (Largest Contentful Paint, czas pierwszego dużego elementu) poniżej 2,5 sekundy, INP (Interaction to Next Paint, czas reakcji na pierwszą interakcję) poniżej 200 ms, CLS (Cumulative Layout Shift, niestabilność układu) poniżej 0,1. Strona z 3 zielonymi metrykami ma 15-30% wyższe pozycje w Google niż strona z 1-2 czerwonymi.
  • INP zastąpił FID (First Input Delay) w marcu 2024. Większość stron z dobrym FID ma czerwony INP - bo INP mierzy każdą interakcję, nie tylko pierwszą. Realna naprawa wymaga optymalizacji JavaScript, nie tylko cache.
  • LCP to najczęstszy problem w 2026: 45% lokalnych stron firmowych ma LCP powyżej 2,5 sekundy. Główne przyczyny: wolny hosting, duże nieoptymalizowane obrazy, blokujący JavaScript, brak preload dla głównych zasobów.
  • Realna poprawa Core Web Vitals: 800-3500 zł za pełną optymalizację strony firmowej w WordPressie. Zwrot z inwestycji mierzalny w 4-8 tygodniach: 10-30% wzrost ruchu organicznego dla stron, które ruszają z czerwonej strefy do zielonej w branżach średnio konkurencyjnych.
  • Najczęstszy błąd przy CWV: optymalizacja na bazie wyników Lighthouse w trybie deweloperskim, ignorowanie raportu Field Data (CrUX - Chrome User Experience Report) w Search Console. Lighthouse pokazuje teoretyczną wydajność, Field Data realną - i to ta druga decyduje o pozycjach w Google.

Core Web Vitals są oficjalnym sygnałem rankingowym Google od 2021 roku, a od marca 2024 trzecią metryką jest INP zamiast FID. To jedne z najsilniejszych metryk technicznego SEO. Strona z 3 zielonymi metrykami widoczna jest w wynikach Google średnio o 5-15 miejsc wyżej niż strona z 1-2 czerwonymi - dla średnio konkurencyjnych fraz lokalnych. Ten poradnik rozkłada 3 metryki na konkretne progi, narzędzia do mierzenia i ścieżki naprawy.

Pracuję z lokalnymi firmami usługowymi od 4 lat. Optymalizowałem CWV w dziesiątkach projektów - od stron, które ruszały z czerwonej strefy do zielonej w 2 dni, po projekty wymagające 4-6 tygodni refaktoryzacji JavaScript. Wzorce się powtarzają.

Aktualizacja: maj 2026.

Co to Core Web Vitals i dlaczego to ważne?

Core Web Vitals to zestaw trzech metryk wprowadzonych przez Google w 2020 roku do oceny “doświadczenia użytkownika” na stronie. Każda metryka mierzy inny aspekt szybkości albo stabilności strony. Razem stanowią sygnał rankingowy w Google od czerwca 2021.

Trzy metryki w 2026:

  • LCP (Largest Contentful Paint) - czas pojawienia się największego elementu treści na ekranie (zwykle zdjęcie hero albo nagłówek). Mierzy “kiedy strona zaczyna wyglądać użytecznie”.
  • INP (Interaction to Next Paint) - czas między akcją użytkownika (klik, scroll, wpisanie) a wizualną reakcją strony. Mierzy “kiedy strona zaczyna reagować”.
  • CLS (Cumulative Layout Shift) - liczba “skoków” układu strony przy ładowaniu (obrazy, banery wchodzące w miejsce treści). Mierzy “czy strona jest stabilna wizualnie”.

Google ocenia te metryki nie z testu jednorazowego, tylko z realnego ruchu rzeczywistych użytkowników (Field Data). Dane zbierane są w CrUX (Chrome User Experience Report) i widoczne w Search Console pod sekcją “Core Web Vitals”.

Realny wpływ na biznes:

  • SEO: strona z 3 zielonymi CWV ma średnio 15-30% wyższe pozycje w Google dla średnio konkurencyjnych fraz. Dla branż wysokokonkurencyjnych (medycyna w Warszawie, prawo w Krakowie) różnica może być 5-15 miejsc w rankingu.
  • Konwersja: strona z LCP poniżej 2,5 s ma 25-50% wyższy współczynnik konwersji niż strona z LCP powyżej 4 s. Każda sekunda opóźnienia po LCP 2,5 s = utrata 12-20% odwiedzających przed pierwszą interakcją.
  • CTR z Search Console: rich snippets pokazują się rzadziej dla stron z czerwonym CWV. Realna utrata: 10-30% CTR z pozycji 1-5.

Pełny kontekst 4-warstwowego modelu widoczności (w tym CWV jako warstwa SXO) opisałem w Pillarze o stronie pod SEO i konwersje.

Jak zoptymalizować LCP strony internetowej poniżej 2,5 sekundy?

LCP mierzy czas pojawienia się największego elementu treści na ekranie. Dla większości stron firmowych to obraz hero, dla blogów - tytuł H1. Próg Google: poniżej 2,5 s = zielony (dobry), 2,5-4 s = pomarańczowy (do poprawy), powyżej 4 s = czerwony (zły).

5 głównych przyczyn wolnego LCP w 2026:

Wolny hosting (TTFB - Time To First Byte, czas pierwszej odpowiedzi serwera - powyżej 600 ms). To 40% problemów z LCP. Tani hosting za 8-15 zł miesięcznie nie wystarcza dla strony z 500+ odwiedzających dziennie. Realne rozwiązanie: zmiana hostingu na plan WordPress u cyber_Folks, MyDevil albo OVH - koszt 25-50 zł/mies, efekt LCP -0,5 do -1,5 s.

Duże nieoptymalizowane obrazy (PNG/JPG zamiast WebP/AVIF, brak responsywności). 30% problemów. Obraz hero w formacie JPG 2 MB ładuje się 2,5 s na 3G. Ten sam obraz w WebP 200 kB ładuje się 0,3 s. Realne rozwiązanie: konwersja na WebP/AVIF + atrybut srcset dla różnych rozmiarów ekranu.

Blokujący JavaScript w sekcji <head>. 15% problemów. Skrypty ładowane synchronicznie w nagłówku strony blokują renderowanie LCP, aż się załadują. Rozwiązanie: dodanie defer albo async do wszystkich skryptów innych niż krytyczne.

Brak preload dla głównych zasobów. 10% problemów. Bez <link rel="preload"> dla obrazu hero i głównego fonta przeglądarka odkrywa je dopiero po sparsowaniu HTML. Realna poprawa LCP: 0,3-0,8 s.

Zewnętrzne fonty z Google Fonts bez optymalizacji. 5% problemów. Domyślne <link> do Google Fonts blokuje LCP. Rozwiązanie: font-display: swap w CSS, plus self-hosting fonta zamiast pobierania z googleapis.com.

Jak sprawdzić LCP:

PageSpeed Insights od Google daje dwa raporty: Field Data (z realnego ruchu, ostatnie 28 dni) i Lab Data (test syntetyczny). Field Data to ten, który liczy się dla Google. Bez Field Data (mało ruchu) używaj Lab Data jako orientacji.

W Chrome DevTools: Performance > Recording plus przeglądanie strony - widzisz dokładne timing-i każdego zasobu i konkretny element, który jest LCP.

Realne stawki naprawy LCP:

  • Zmiana hostingu na plan WordPress: 300-800 zł migracji + 250-500 zł/rok hosting
  • Konwersja wszystkich obrazów na WebP/AVIF: 400-1200 zł (zależnie od liczby obrazów)
  • Optymalizacja JavaScript (defer, async, code splitting): 800-2500 zł
  • Implementacja preload dla obrazu hero: 200-500 zł

Łącznie 1700-5000 zł za pełną optymalizację LCP dla strony firmowej WordPress. Realna poprawa: z 4-6 sekund do 1,5-2,5 sekundy.

Jak poprawić INP - Interaction to Next Paint poniżej 200 ms?

INP zastąpił FID (First Input Delay) w marcu 2024 jako jedna z trzech metryk Core Web Vitals. Różnica: FID mierzył tylko pierwszą interakcję, INP mierzy czas reakcji na wszystkie interakcje (klik, scroll, wpisanie w formularzu) podczas wizyty na stronie.

Próg Google: poniżej 200 ms = zielony, 200-500 ms = pomarańczowy, powyżej 500 ms = czerwony.

Dlaczego INP jest trudniejszy od FID:

FID mierzył opóźnienie reakcji strony na pierwszą interakcję - zwykle proste w naprawieniu (deferred JavaScript). INP mierzy wszystkie interakcje, w tym te, które wymagają złożonej logiki: walidacja formularza w czasie rzeczywistym, animacje, dropdowny, modal pop-upy.

Większość stron z dobrym FID (poniżej 100 ms) ma czerwony INP (powyżej 500 ms). Klasyczny scenariusz: pierwsze kliknięcie reaguje szybko, ale formularz kontaktowy z walidacją w czasie rzeczywistym ma INP 800-1500 ms.

4 główne przyczyny złego INP w 2026:

Wtyczki WordPress z dużą ilością JavaScript. Najczęściej Elementor Pro, WPBakery, niektóre formularze (Contact Form 7 z dodatkami). Realne rozwiązanie: usunięcie niepotrzebnych wtyczek, optymalizacja konfiguracji.

Skrypty trackingowe (Google Analytics, Facebook Pixel, Hotjar). Każdy z nich dodaje 50-200 ms do INP. Rozwiązanie: ładowanie asynchroniczne (async), Google Tag Manager z opóźnieniem, server-side tracking (zaawansowane).

Długie zadania w głównym wątku (long tasks). Skrypty wykonujące się powyżej 50 ms blokują wątek główny. Rozwiązanie: dzielenie długich zadań na mniejsze (chunking), Web Workers dla cięższych obliczeń.

Mikroanimacje z biblioteki GSAP albo Lottie. Każda animacja CPU-heavy może blokować interakcje. Rozwiązanie: animacje CSS zamiast JS, używanie transform zamiast top/left, will-change dla animowanych elementów.

Realne stawki naprawy INP:

  • Audyt JavaScript i usunięcie niepotrzebnych wtyczek: 500-1500 zł
  • Konfiguracja Google Tag Manager z opóźnieniem: 300-800 zł
  • Refaktoryzacja długich zadań w głównym wątku: 1000-3000 zł (skomplikowane)
  • Optymalizacja animacji (CSS zamiast JS): 500-1500 zł

Łącznie 2300-6800 zł za pełną optymalizację INP. Najbardziej kosztowna z 3 metryk - bo wymaga głębszej analizy kodu.

CLS - Cumulative Layout Shift poniżej 0,1

CLS mierzy “skoki” układu strony podczas ładowania. Klasyczny przypadek: czytasz tekst, ładuje się reklama wyżej, tekst przeskakuje, klikasz przez pomyłkę w reklamę zamiast w przycisk.

Próg Google: poniżej 0,1 = zielony, 0,1-0,25 = pomarańczowy, powyżej 0,25 = czerwony.

5 głównych przyczyn złego CLS w 2026:

Obrazy bez atrybutów width i height w HTML. Najczęstsza przyczyna - 50% problemów z CLS. Bez wymiarów przeglądarka rezerwuje 0 px na obraz, ładuje go, układ przeskakuje. Rozwiązanie: zawsze dodawaj width="800" height="600" do każdego <img>.

Reklamy, banery, embedy społecznościowe (YouTube, Twitter) bez zarezerwowanego miejsca. 20% problemów. Rozwiązanie: kontener o stałej wysokości dla każdej reklamy/embeda.

Web fonts ładujące się z opóźnieniem (FOIT - Flash of Invisible Text albo FOUT - Flash of Unstyled Text). 15% problemów. Po pojawieniu się fonta tekst przechodzi z systemowego na docelowy, układ się zmienia. Rozwiązanie: font-display: optional zamiast swap, preload font.

Animacje treści wchodzącej z dołu/góry. 10% problemów. Animacje typu “sekcja wjeżdża z dołu” są stylowe, ale jeśli używają zmieniających układ właściwości (top, margin, padding), generują CLS. Rozwiązanie: animacje transform: translateY() zamiast top.

Późne ładowanie dodatkowych elementów (popup, banner cookies, chat widget). 5% problemów. Element pojawiający się 2-3 sekundy po LCP, jeśli wpływa na układ, generuje CLS. Rozwiązanie: zarezerwowanie miejsca albo overlay (popup nad treścią, nie w jej miejscu).

Realne stawki naprawy CLS:

  • Dodanie wymiarów do wszystkich obrazów: 200-600 zł (zależnie od liczby obrazów)
  • Konfiguracja kontenerów dla reklam i embedów: 300-800 zł
  • Optymalizacja fontów i font-display: 200-500 zł
  • Refaktoryzacja animacji na CSS transforms: 500-1500 zł

Łącznie 1200-3400 zł za pełną optymalizację CLS. Najtańsza z 3 metryk do naprawy.

Field Data vs Lab Data - którą metrykę liczy Google?

Najczęstszy błąd przy optymalizacji CWV: optymalizacja na bazie wyników Lighthouse (Lab Data), ignorowanie raportu Field Data w Search Console.

Field Data (CrUX - Chrome User Experience Report):

  • Dane z rzeczywistych użytkowników Chrome
  • Ostatnie 28 dni ruchu
  • Wymaga minimum około 1000 unikalnych odwiedzin miesięcznie żeby się pojawić
  • To są dane, które liczy Google do rankingu
  • Dostępne w Search Console pod “Core Web Vitals” albo w PageSpeed Insights jako “Origin Summary”

Lab Data (Lighthouse, PageSpeed Insights synthetic):

  • Test syntetyczny w warunkach laboratoryjnych (4G, średni komputer Moto G Power)
  • Pokazuje teoretyczną wydajność strony
  • Nie wpływa bezpośrednio na ranking, ale dobry wynik koreluje z Field Data

Praktyczna zasada: optymalizujesz na bazie Lab Data (bo widzisz natychmiast efekt każdej zmiany), weryfikujesz w Field Data po 4-8 tygodniach od zmiany (bo Google potrzebuje czasu na zebranie nowych danych).

Jeśli Twoja strona nie ma Field Data:

To znaczy ruch poniżej 1000 odwiedzin miesięcznie - nie pojawi się w CrUX i Search Console nie pokaże danych. W tym przypadku jedyne źródło to Lighthouse. Optymalizuj pod cel zielonej strefy w Lighthouse mobile (75+ punktów), zwykle to wystarcza.

Jak zacząć optymalizację strony internetowej w 30 dni?

Tydzień 1: pomiar i diagnoza (4-6 godzin pracy). Sprawdź wszystkie 3 metryki w PageSpeed Insights dla strony głównej i 3-4 najważniejszych podstron. Zapisz wyniki Field Data (jeśli są) i Lab Data. Zidentyfikuj, która metryka jest w czerwieni i która podstrona jest najgorsza.

Tydzień 2-3: szybkie wygrane (6-10 godzin pracy). Zacznij od najtańszych poprawek z największym efektem. Lista priorytetów: dodanie width/height do obrazów (1-2 godziny, efekt CLS -0,15), konwersja obrazów na WebP (4-6 godzin), defer JavaScript (2-4 godziny, efekt LCP -0,5 s).

Tydzień 4: weryfikacja i tunig (2-4 godziny pracy). Sprawdź wyniki w Lighthouse po wszystkich zmianach. Jeśli LCP/INP/CLS są w zielonej strefie - czekasz 4-8 tygodni na Field Data i potwierdzenie w Search Console. Jeśli któraś metryka w pomarańczowej/czerwonej - druga runda optymalizacji.

Po 4-8 tygodniach: weryfikacja Field Data. Sprawdź Search Console pod “Core Web Vitals”. Jeśli liczba “Złych URL” spadła do 0 - sukces. Jeśli nadal są problemy - identyfikacja konkretnych URL i punktowa optymalizacja.

FAQ - najczęstsze pytania o Core Web Vitals

Czy moja strona musi mieć 3 zielone CWV żeby rankować w Google?

Nie wymaganie, ale przewaga. Strona z 3 zielonymi rankuje średnio 5-15 miejsc wyżej niż strona z 1-2 czerwonymi dla średnio konkurencyjnych fraz. Dla niskoryzykowych branż z niskim natężeniem konkurencji można rankować i bez CWV - ale to wyjątek.

Czy mogę poprawić CWV bez specjalisty technicznego?

Częściowo. CLS jest najprostszy - dodanie wymiarów do obrazów zajmuje godzinę. LCP wymaga już wiedzy o hostingu i obrazach. INP - praktycznie zawsze wymaga specjalisty z umiejętnością analizy JavaScript. Realnie samodzielnie poprawisz 60-70% problemów CWV, pozostałe 30-40% wymaga specjalisty.

Ile kosztuje pełna optymalizacja Core Web Vitals?

Realnie 800-3500 zł netto za stronę firmową WordPress, w zależności od stanu wyjściowego i liczby podstron. Strony w czerwonej strefie wymagają więcej pracy (3000-5000 zł), strony w pomarańczowej - mniej (800-1500 zł). Pełen rozkład kosztów technicznych SEO w poradniku o cenie pozycjonowania.

Czy CWV jest ważniejszy od liczby linków zwrotnych?

W 2026 - dla większości fraz tak, dla najwyżej konkurencyjnych - nie. Google najpierw wybiera “kandydatów do rankingu” na podstawie autorytetu domeny (linki, brand mentions), potem rankuje ich według CWV plus jakości treści. Strona bez linków zwrotnych nie wejdzie w top 100 niezależnie od CWV. Strona z linkami plus dobre CWV bije strony z linkami i czerwonym CWV o 5-15 miejsc.

Dlaczego moja strona ma czerwony INP mimo dobrego FID?

INP mierzy wszystkie interakcje, FID tylko pierwszą. FID dobry oznacza, że pierwsze kliknięcie reaguje szybko. INP czerwony oznacza, że którakolwiek z pozostałych interakcji (formularz, scroll, klik w nawigację) reaguje wolno. Realna naprawa wymaga analizy konkretnej interakcji wolnej i refaktoryzacji JavaScript.

Jak często sprawdzać Core Web Vitals?

Strony aktywnie rozwijane (regularne wpisy blogowe, kampanie reklamowe): co 2-4 tygodnie. Strony stabilne bez zmian: co 3 miesiące. Plus zawsze po każdej większej zmianie (nowa wtyczka, nowy szablon, nowa wersja WordPressa).

Czy mogę zignorować CWV dla niszowej branży?

Jeśli walczysz o 1-3 frazy w bardzo niskoryzykowej konkurencji (np. unikalny rodzaj usługi w małym mieście) - tak, można rankować bez perfekcyjnych CWV. Dla wszystkich pozostałych przypadków - nie warto ignorować. Inwestycja 800-2500 zł zwraca się w 6-12 miesięcy z dodatkowego ruchu organicznego.

Co teraz - sprawdź swoją stronę w 10 minut

Krok 1 (3 minuty): Wpisz twojadomena.pl w PageSpeed Insights. Zanotuj 3 metryki dla mobile: LCP, INP, CLS. Zielone (poniżej progu) - PASS. Pomarańczowe lub czerwone - do naprawy.

Krok 2 (3 minuty): Sprawdź wynik Lighthouse Performance dla mobile (cel: 80+ punktów). Spis poprawek “Opportunities” - lista konkretnych rzeczy do naprawy.

Krok 3 (2 minuty): Otwórz Search Console (jeśli masz) > Doświadczenia > Core Web Vitals. Sprawdź ile URL jest “Złych”, “Wymagających poprawy”, “Dobrych”.

Krok 4 (2 minuty): Jeśli LCP w czerwieni - sprawdź wagę głównego obrazu (kliknij prawym przyciskiem > Zapisz obraz jako). Powyżej 500 KB = problem do natychmiastowej naprawy.

W moich projektach DamWeb optymalizacja Core Web Vitals jest częścią pakietu opieki standardowej (od 200 zł/mies). Pełna jednorazowa optymalizacja: 1500-3500 zł netto. Jeśli chcesz, żebym sprawdził Twoją stronę i zaproponował konkretne kroki, napisz na kontakt.

Sprawdź też

Sprawdzimy twoją widoczność za darmo

30-minutowa rozmowa, konkretny audyt wizytówki i strony. Bez zobowiązań.

Umów rozmowę