Core Web Vitals w 2026: Co Realnie Wpływa na Pozycję w Google
Dwa lata po tym, jak INP zastąpił FID w Core Web Vitals, większość stron, które audytuję, nadal się do tego nie dostosowała. Przechodzą LCP na desktopie, nie przechodzą INP na mobile i zastanawiają się, dlaczego ruch organiczny stoi w miejscu. W 2026 sygnał rankingowy po cichu skonsolidował się wokół responsywności interakcji na mobile, a przepaść między stronami, które to rozumieją, a tymi, które nie, rośnie.
To praktyczny przegląd tego, co Google faktycznie mierzy, które progi się liczą i jakie dźwignie inżynierskie naprawdę poruszają wskaźniki. Bez ogólników typu "użyj Next.js" — tylko konkrety.
Trzy metryki, które liczą się w 2026
Core Web Vitals składa się teraz z trzech metryk: Largest Contentful Paint (LCP) dla ładowania, Interaction to Next Paint (INP) dla responsywności oraz Cumulative Layout Shift (CLS) dla stabilności wizualnej. Każda ma próg na 75 percentylu, który dane od realnych użytkowników muszą osiągnąć, żeby trafić w kategorię Good.
| Metryka | Dobra | Wymaga poprawy | Słaba |
|---|---|---|---|
| LCP (ładowanie) | ≤ 2,5s | 2,5s – 4,0s | > 4,0s |
| INP (responsywność) | ≤ 200ms | 200ms – 500ms | > 500ms |
| CLS (stabilność wizualna) | ≤ 0,1 | 0,1 – 0,25 | > 0,25 |
Haczyk: te progi dotyczą danych polowych z Chrome User Experience Report (CrUX), nie danych laboratoryjnych z Lighthouse. Strona z wynikiem 95 w Lighthouse może nadal nie przechodzić Core Web Vitals, jeśli jej realni użytkownicy korzystają z telefonów Android średniej klasy w wolnym 4G. I prawie zawsze właśnie tam pojawia się luka.
Gdzie zespoły tracą punkty
- Za duże obrazy hero bez priority i bez wymiarów, przez co LCP na mobile przekracza 3 sekundy
- Skrypty third-party — analityka, czat, A/B testing — blokujące główny wątek i niszczące INP
- Web fonty ładowane bez font-display: swap, powodujące niewidoczny tekst do czasu pobrania fontu
- Reklamy i bannery ładowane z opóźnieniem wstrzykujące DOM bez rezerwacji miejsca, podbijające CLS
- Koszt hydracji na za dużych komponentach klienta — typowa pułapka Next.js przy niekompletnym wdrożeniu React Server Components
Co realnie porusza wskaźniki
W ciągu ostatnich trzech lat pracowałem nad wydajnością około trzydziestu produkcyjnych stron. To zmiany, które konsekwentnie dają mierzalne wyniki w danych polowych, mniej więcej w kolejności wpływu:
- Skonwertuj obraz hero do AVIF, ustaw priority i dodaj jawne wymiary. Realna poprawa LCP na mobile: 0,5–1,5 sekundy.
- Brutalnie zaudytuj skrypty third-party. Każdy tag manager, widget czatu i pixel analityczny ma koszt na głównym wątku. Ładuj je z defer albo po pierwszej interakcji.
- Przenoś jak najwięcej do React Server Components. Każdy kilobajt, którego nie wysyłasz do klienta, to INP, za który nie płacisz.
- Rozbijaj długie taski. Każda blokada głównego wątku powyżej 50ms pojawia się w INP. Użyj scheduler.yield() albo setTimeout do drogich operacji.
- Rezerwuj layout dla dynamicznej treści. aspect-ratio i min-height na kontenerach zapobiegają CLS przy ładowaniu obrazów i reklam.
Na ostatnim projekcie klienckim — strona marketingowa B2B SaaS w Next.js — wdrożenie tych pięciu zmian przeniosło mobilne LCP z 4,1s do 1,9s, a INP z 480ms do 140ms. Ruch organiczny wzrósł o osiemnaście procent w kolejnym kwartale. Nic wyszukanego, po prostu podstawy stosowane konsekwentnie.
“Dobre Core Web Vitals nie gwarantują wysokich pozycji, ale złe ustawiają sufit. Jeśli konkurencja jest szybka, a Ty nie, każdy wyścig o słowo kluczowe zaczynasz w tyle.”
Praktyczna checklista
- Uruchom PageSpeed Insights na pięciu najważniejszych landing page'ach na mobile i czytaj dane polowe — ignoruj wynik laboratoryjny
- Znajdź swój element LCP. Jeśli to obraz, serwuj go jako AVIF z priority i jawnymi wymiarami
- Profiluj INP w Chrome DevTools przy dławieniu CPU 4x. Każda interakcja powyżej 200ms to porażka
- Skonfiguruj monitoring Web Vitals (Vercel Analytics, SpeedCurve albo self-hosted), żeby łapać regresje na produkcji
- Powtarzaj co miesiąc. Core Web Vitals to nie jednorazowa optymalizacja — to dyscyplina utrzymania
Jeśli Twoja strona nie przechodzi Core Web Vitals i chcesz praktycznego audytu — nie 40-stronicowego PDF-a, tylko trzech rzeczy wartych naprawy — napisz do mnie. Robię to z Wrocławia dla klientów w Europie i USA, a pierwsza rozmowa jest bezpłatna.
Potrzebujesz pomocy z Twoim projektem?
Porozmawiajmy o Twoich wymaganiach technicznych. Oferuję bezpłatną konsultację, podczas której omówimy architekturę, stos technologiczny i harmonogram.
Zobacz moje usługi
