# Szybkość strony & Core Web Vitals: Kompletny przewodnik optymalizacji 2026 **Liczby mówią jasno**: Według Google 53% użytkowników mobilnych opuszcza stronę, która ładuje się dłużej niż 3 sekundy. Core Web Vitals są od 2021 roku oficjalnym czynnikiem rankingowym – i wpływają również na Quality Score Twoich Google Ads. ## Czym są Core Web Vitals? Core Web Vitals to trzy mierzalne metryki, których Google używa do oceny doświadczenia użytkownika na Twojej stronie: ### LCP – Largest Contentful Paint **Co to**: Jak długo trwa załadowanie największego widocznego elementu (obraz, wideo, blok tekstu)? ``` ✅ Dobrze: ≤ 2,5 sekundy ⚠️ Wymaga poprawy: 2,5 – 4,0 sekundy ❌ Źle: > 4,0 sekundy ``` ### INP – Interaction to Next Paint **Co to**: Jak szybko strona reaguje na akcje użytkownika (kliknięcie, dotknięcie, wpisanie)? ``` ✅ Dobrze: ≤ 200 milisekund ⚠️ Wymaga poprawy: 200 – 500 milisekund ❌ Źle: > 500 milisekund ``` **Dlaczego ważne**: INP zastąpił FID (First Input Delay) jako Core Web Vital w 2024. Mierzy całą interaktywność, nie tylko pierwszą interakcję. ### CLS – Cumulative Layout Shift **Co to**: Jak bardzo przesuwają się widoczne elementy podczas ładowania? ``` ✅ Dobrze: ≤ 0,1 ⚠️ Wymaga poprawy: 0,1 – 0,25 ❌ Źle: > 0,25 ``` ## Wpływ na SEO i Google Ads ### Rankingi SEO ``` Sygnał Google Page Experience: Core Web Vitals (LCP, INP, CLS) + Przyjazność mobilna + HTTPS + Brak natrętnych interstitiali = Część algorytmu rankingowego → Przy równej jakości treści: Szybsza strona = lepszy ranking ``` ### Quality Score Google Ads ``` Landing Page Experience = 1/3 Quality Score Wolna strona docelowa: → Wysoki współczynnik odrzuceń → Słabe doświadczenie strony docelowej → Niższy Quality Score → Wyższy CPC → mniej kliknięć na budżet Szybka strona docelowa: → Niski współczynnik odrzuceń → Dobre doświadczenie strony docelowej → Wyższy Quality Score → Niższy CPC → więcej kliknięć na budżet ``` **Przykład**: ``` Te same słowa kluczowe, ta sama reklama, ten sam budżet: Strona A: LCP 5,2s → Quality Score 5 → CPC: 19,80 PLN (~€4,50) Strona B: LCP 1,8s → Quality Score 8 → CPC: 12,30 PLN (~€2,80) Wynik: 60% więcej kliknięć z szybką stroną! ``` ## Optymalizacja LCP ### Najczęstsze problemy LCP **Problem 1: Nieskompresowane obrazy** ``` ❌ hero-image.jpg: 2,4 MB, 4000x3000px → Czas ładowania: 3,8 sekundy (na 4G) ✅ hero-image.webp: 120 KB, 1200x800px → Czas ładowania: 0,4 sekundy (na 4G) ``` **Rozwiązanie**: ```html

``` **Problem 2: CSS/JS blokujące renderowanie** **Rozwiązanie**: ```html ``` **Problem 3: Wolny serwer (TTFB)** ``` Cele TTFB: ✅ Dobrze: < 200ms ⚠️ OK: 200-500ms ❌ Źle: > 500ms ``` **Rozwiązanie**: - Użyj CDN (Cloudflare, Vercel Edge) - Włącz cache po stronie serwera - Zoptymalizuj zapytania do bazy danych - Ulepsz hosting ## Optymalizacja INP ### Najczęstsze problemy INP **Problem 1: Ciężkie wykonywanie JavaScript** ```javascript // ❌ Źle: Wszystko w głównym wątku button.addEventListener('click', () => { processLargeDataset(data); // 500ms ciężkie obliczenia updateUI(); }); // ✅ Lepiej: Podziel z requestAnimationFrame button.addEventListener('click', () => { showLoadingState(); // UI aktualizuje się natychmiast requestAnimationFrame(() => { processLargeDataset(data); updateUI(); }); }); ``` **Problem 2: Za dużo JavaScript firm trzecich** ``` Typowe skrypty firm trzecich: - Google Tag Manager: ~80KB - Google Analytics: ~45KB - Facebook Pixel: ~60KB - Widget czatu: ~200KB - Baner cookies: ~100KB Łącznie: ~485KB JavaScript → zabójca INP! ``` ## Optymalizacja CLS ### Najczęstsze problemy CLS **Problem 1: Obrazy bez wymiarów** ```html

``` **Problem 2: Dynamicznie wstawiane treści** ``` ❌ Baner cookies wskakuje → wszystko się przesuwa ❌ Baner reklamowy ładuje się późno → treść skacze w dół ❌ Widget czatu pojawia się → układ się zmienia ``` ## Szybkie wygrane: Natychmiast wykonalne optymalizacje ### 1. Optymalizuj obrazy (Największa dźwignia!) ``` ✅ Format: WebP lub AVIF zamiast JPEG/PNG ✅ Kompresja: 80% jakości zwykle wystarczy ✅ Responsywność: Różne rozmiary dla różnych ekranów ✅ Lazy loading: Lazy load obrazów poniżej viewportu ✅ Wymiary: Zawsze podawaj width/height Narzędzie: squoosh.app (bezpłatne, w przeglądarce) ``` ### 2. Optymalizuj CSS & JavaScript ``` ✅ Krytyczny CSS inline w ✅ Minifikuj CSS/JS ✅ Usuń nieużywany CSS/JS ✅ Ładuj skrypty z defer lub async ✅ Code splitting (ładuj tylko to co potrzebne) ``` ### 3. Optymalizuj serwer ``` ✅ Użyj CDN (Cloudflare, Vercel, Netlify) ✅ Ustaw nagłówki cache (Cache-Control) ✅ Włącz kompresję GZIP/Brotli ✅ Włącz HTTP/2 lub HTTP/3 ``` ### 4. Optymalizuj czcionki ``` ✅ Ładuj tylko potrzebne warianty czcionek ✅ Używaj formatu WOFF2 ✅ Ustaw font-display: swap lub optional ✅ Preload dla najważniejszych czcionek ``` ## Checklist: Optymalizacja Core Web Vitals **LCP** ✅: - [ ] Obraz hero skompresowany (WebP/AVIF, < 200KB) - [ ] Krytyczny CSS inline - [ ] Czcionki preloaded z font-display: swap - [ ] CDN włączony - [ ] TTFB < 200ms **INP** ✅: - [ ] JavaScript zminimalizowany i podzielony - [ ] Skrypty firm trzecich zredukowane - [ ] Ciężkie obliczenia przeniesione z głównego wątku - [ ] Rozmiar DOM < 1.500 elementów **CLS** ✅: - [ ] Wszystkie obrazy/wideo z width/height - [ ] Miejsce zarezerwowane na reklamy/banery - [ ] Czcionki nie powodują przesunięcia układu - [ ] Dynamiczne treści niczego nie przesuwają ## Podsumowanie **Szybka strona = lepsze rankingi + niższe koszty Google Ads + więcej konwersji** **Kolejność priorytetów**: 1. ✅ Optymalizuj obrazy (największa pojedyncza dźwignia) 2. ✅ Wyeliminuj zasoby blokujące renderowanie 3. ✅ Włącz CDN i caching 4. ✅ Zredukuj i zoptymalizuj JavaScript 5. ✅ Zapobiegaj CLS przez wymiary i rezerwację miejsca **Oczekiwanie**: Dobrze zoptymalizowana strona (wszystkie Core Web Vitals na zielono) może poprawić ruch organiczny o 5-15% i obniżyć CPC Google Ads o 10-25%. [Poproś o audyt wydajności](#kontakt) --- **FAQ o szybkości strony & Core Web Vitals** **Czym są Core Web Vitals i dlaczego są ważne?** Core Web Vitals to trzy metryki zdefiniowane przez Google: LCP (szybkość ładowania), INP (czas reakcji) i CLS (stabilność wizualna). Mierzą faktyczne doświadczenie użytkownika na Twojej stronie. Od 2021 roku są oficjalnym czynnikiem rankingowym Google. Strony z dobrymi Core Web Vitals mają lepsze szanse na wyższe organiczne rankingi i niższe CPC Google Ads. **Jak zmierzyć moje Core Web Vitals?** Najlepiej przez PageSpeed Insights (pagespeed.web.dev) – zobaczysz tam zarówno dane od prawdziwych użytkowników, jak i wyniki symulacji. Google Search Console pokazuje ogólną wydajność wszystkich URL-i. Do szczegółowych analiz: Chrome DevTools (zakładka Lighthouse). Wszystkie narzędzia są bezpłatne. **Jaka jest najważniejsza szybka wygrana dla lepszej wydajności?** Optymalizacja obrazów! To prawie zawsze największa pojedyncza dźwignia. Konwertuj obrazy na WebP lub AVIF, kompresuj do 80% jakości, używaj responsywnych rozmiarów (srcset) i lazy load obrazów poniżej viewportu. Sama optymalizacja obrazów może często poprawić LCP o 1-3 sekundy. **Czy Core Web Vitals wpływają na mój Quality Score Google Ads?** Pośrednio tak. Landing Page Experience jest jednym z trzech czynników Quality Score. Wolna strona docelowa prowadzi do wyższego współczynnika odrzuceń i gorszego doświadczenia użytkownika, co obniża Quality Score. Niższy Quality Score = wyższy CPC = mniejszy zasięg na budżet. Szybka strona docelowa może obniżyć CPC o 10-25%. **Co zrobić gdy mój CMS (WordPress itp.) jest wolny?** 5 natychmiastowych działań: 1) Zainstaluj plugin cache (WP Rocket, W3 Total Cache), 2) Automatycznie konwertuj obrazy na WebP (ShortPixel, Imagify), 3) Dezaktywuj i usuń nieużywane pluginy, 4) Włącz CDN (Cloudflare Free), 5) Zaktualizuj wersję PHP. Jeśli to nie wystarczy: ulepsz hosting ze współdzielonego na zarządzany WordPress hosting.

Wydajność strony

Szybkość strony & Core Web Vitals: Kompletny przewodnik optymalizacji 2026