11 maja 2026 · 12 min czytania · SEO techniczne

Core Web Vitals 2026 — jak poprawić LCP, INP i CLS w sklepie internetowym

Google oficjalnie uwzględnia Core Web Vitals w rankingu od 2021 roku. W 2026 progi są wyższe, a konkurencja zoptymalizowana. Jeśli Twój sklep ładuje się powyżej 3 sekund — tracisz ruch organiczny i sprzedaż. Ten artykuł pokazuje jak zmierzyć i naprawić każdy wskaźnik.

Dlaczego prędkość = pieniądze

53%

użytkowników opuszcza stronę ładującą się dłużej niż 3 sekundy (Google)

+7%

wzrost konwersji za każdą sekundę poprawy czasu ładowania (Deloitte)

Top 1%

sklepów z CWV: LCP 1,2s, INP 62ms, CLS 0,0 — cel na 2026

Czym są Core Web Vitals i dlaczego Google je mierzy

Core Web Vitals to trzy metryki wydajności strony uznane przez Google za sygnały jakości UX. Od 2021 roku są oficjalnym czynnikiem rankingowym — Page Experience Signal.

W 2023 roku Google zastąpił FID metryką INP (Interaction to Next Paint) — bardziej precyzyjną i trudniejszą do zaliczenia. Wiele sklepów które miało ✅ przy starych metrykach, teraz ma ❌. Sprawdź swój sklep w Google Search Console.

Metryka	Co mierzy	Dobry	Wymaga poprawy	Słaby
LCP	Czas renderowania największego elementu	<2,5s	2,5–4s	>4s
INP	Czas odpowiedzi na interakcję (klik, tap)	<200ms	200–500ms	>500ms
CLS	Stabilność wizualna (przesunięcia layoutu)	<0,1	0,1–0,25	>0,25

Gdzie sprawdzić Core Web Vitals swojego sklepu

Google rankuje na podstawie field data — danych zebranych przez Chrome od prawdziwych użytkowników, nie z symulacji laboratoryjnych.

Google Search Console → Core Web Vitals

Najważniejszy raport. Pokazuje field data z Chrome. Grupuje URL-e po problemach. Zacznij tu — inne narzędzia są pomocnicze.

GSC → Podstawowe wskaźniki witryny → Mobilne / Komputer

PageSpeed Insights (pagespeed.web.dev)

Łączy Lighthouse (lab) z CrUX (field). Podaje konkretne rekomendacje co blokuje renderowanie.

URL produktu → filtruj po Mobile — gorsze wyniki = realniejszy obraz

Chrome DevTools → Performance

F12 → Performance → nagraj ładowanie. Widać skrypty blokujące rendering, LCP element, CLS przesunięcia.

Network throttling: Slow 4G — tak ładuje sklep użytkownik na telefonie

LCP — jak naprawić wolne ładowanie największego elementu

W sklepach LCP to niemal zawsze pierwsze zdjęcie produktu lub hero banner. Najszybsza naprawa: WebP + fetchpriority.

Checklist LCP

Obrazy hero/produktowe → WebP, max 150KB na obraz
Atrybut fetchpriority="high" na pierwszym zdjęciu w viewport
<link rel="preload" as="image"> dla hero image w <head>
Google Fonts z &display=swap (nie blokuje renderowania)
Hosting z response time <200ms (pomiar: GTmetrix → TTFB)
CDN dla statycznych plików (Cloudflare free tier wystarczy)

Dla WooCommerce: wtyczka Imagify lub ShortPixel. Dla Shoper: panel → Grafika → optymalizacja automatyczna. Dla PrestaShop: darmowy moduł WebP Images.

INP — nowa metryka która psuje wyniki sklepów z dużym JavaScript

INP zastąpił FID w marcu 2024. Mierzy czas od interakcji użytkownika do aktualizacji ekranu. Cel: poniżej 200ms. Sklepy z konfiguratorami, filtrami, slideshow — nagminnie przekraczają 500ms.

Long Tasks — zadania >50ms blokujące główny wątek

Krytyczne

Podziel na chunki. scheduler.postTask() lub setTimeout(0) oddaje kontrolę przeglądarce między krokami.

Zbyt duże bundle JavaScript

Wysokie

Code splitting — dynamic import dla komponentów. Next.js robi to automatycznie, inne platformy wymagają konfiguracji.

Ciężkie handlery event listenerów

Wysokie

Debounce/throttle na input, scroll, resize. Filtrowanie przez URL params zamiast JavaScript state.

Nieużywane wtyczki dodające JS

Średnie

DevTools → Performance → Long Tasks — zidentyfikuj winowajcę. Usuń live chat, pop-up tools, heat mapy których nie używasz.

CLS — dlaczego elementy skaczą i klienci klikają nie tam gdzie chcą

CLS mierzy ile elementów strony przesuwa się niespodziewanie podczas ładowania. Cel: poniżej 0,1.

Obrazy bez wymiarów width/height
Fix: Zawsze definiuj width i height na tagach img. Przeglądarka rezerwuje miejsce zanim obraz się załaduje.
Reklamy i bannery bez zarezerwowanej przestrzeni
Fix: Kontener reklamowy musi mieć stały height w CSS. Reklama ładuje się w zarezerwowanym miejscu.
Web fonty bez font-display: swap
Fix: Bez swap przeglądarka czeka na font — cały layout przesuwa się gdy font wreszcie się pojawi.
Dynamicznie wstrzykiwane cookie banner / top bar
Fix: Zrób je stałym elementem layoutu z min-height. Nie doklejaj JavaScript-em po fakcie.
Lazy-loaded zdjęcia above-the-fold w galerii
Fix: Pierwsza galeria produktu nie powinna być lazy-loaded. Tylko elementy poza viewport-em.

Plan naprawy CWV — 3 tygodnie, konkretne kroki

Tydzień 1 — Diagnoza i szybkie wygrane
- Zmierz CWV w Search Console (Mobile + Desktop)
- Zamień wszystkie obrazy na WebP — oszczędność 30–80% rozmiaru
- Dodaj wymiary width/height do wszystkich img
- Włącz CDN (Cloudflare free tier)
Tydzień 2 — Optymalizacja JavaScript i CSS
- Usuń lub opóźnij nieużywane wtyczki
- Włącz code splitting (dynamic imports)
- Zbadaj Long Tasks w DevTools Performance
- Napraw Google Fonts — dodaj display=swap
Tydzień 3 — Weryfikacja i monitoring
- Re-check PageSpeed Insights na wszystkich URL
- Poczekaj 28 dni na aktualizację danych w GSC
- Skonfiguruj alert gdy URL wróci do wartości złej
- Zrób screenshot przed/po — argument w rozmowie z klientem

Najczęstsze pytania o Core Web Vitals

Czy CWV bezpośrednio wpływają na pozycje w Google?

Tak, od 2021 roku CWV są oficjalnym sygnałem rankingowym. Przy równej treści i linkach CWV może zadecydować o pierwszej pozycji.

Ile kosztuje optymalizacja CWV dla sklepu?

Samodzielnie: 0–500 zł (wtyczki kompresji obrazów). Z agencją: 1 500–8 000 zł w zależności od platformy. ROI wysoki — poprawa LCP z 4s do 2s = +15% konwersji.

Jak szybko po poprawkach zmienią się wyniki w Search Console?

Google aktualizuje raport CWV na podstawie danych z ostatnich 28 dni. Poprawa widoczna po 4–8 tygodniach od wdrożenia.

Desktop dobry, Mobile zły — który ważniejszy?

Mobile. Google indeksuje w trybie Mobile-First i bierze pod uwagę mobilną wersję do rankowania. Popraw Mobile w pierwszej kolejności.

Sprawdź swój sklep — mini-audyt 49 zł, raport PDF w 48h

Zamiast czytać teorię — zobacz, jakie błędy ma Twoja konkretna strona. Mini-audyt obejmuje analizę szybkości i Core Web Vitals sklepu, Core Web Vitals, WCAG i SEO. PDF z TOP problemami i wycenami napraw. Bez abonamentu. Faktura VAT.

Mini-audyt 49 zł Darmowa checklista (PDF)

Mini-audyt Twojego sklepu — 49 zł, raport PDF w 48h

Zamiast czytać teorię — sprawdź swoją konkretną stronę. Mini-audyt 49 zł obejmuje analizę wydajności i Core Web Vitals, Core Web Vitals, WCAG i SEO. PDF z TOP problemami i wycenami napraw. Płacisz raz, bez abonamentu. Faktura VAT.

Zamów mini-audyt 49 zł

Twój sklep ma złe CWV i traci pozycje w Google?

Diagnoza + plan naprawczy: od 297 zł. Wdrożenie poprawek: każda wycena indywidualna po krótkiej rozmowie — nie da się tego sprzedać co do złotówki bez znajomości Twojego projektu. ROI typowo 1-4 miesiące.

Najszybsza ścieżka

Sprawdź swój sklep za 0 zł

15 min rozmowy + plan w 24h

Konkrety na piśmie

Mini-audyt 49 zł — PDF w 48h