# 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](/pl/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. 5:[["$","$L18",null,{}],["$","$L19",null,{}],["$","main",null,{"id":"main-content","className":"min-h-screen bg-white pt-24 pb-16","children":["$","div",null,{"className":"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8","children":[["$","nav",null,{"aria-label":"Ścieżka nawigacji","className":"mb-8","children":["$","ol",null,{"className":"flex flex-wrap items-center gap-2 text-sm text-zinc-600","children":[["$","li",null,{"children":["$","$L1a",null,{"href":"/pl/","className":"flex items-center hover:text-black transition-colors","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-house w-4 h-4","aria-hidden":"true","children":[["$","path","5wwlr5",{"d":"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"}],["$","path","r6nss1",{"d":"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}],"$undefined"]}],["$","span",null,{"className":"sr-only","children":"Strona główna"}]]}]}],[["$","li","0",{"className":"flex items-center gap-2","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right w-4 h-4 text-zinc-400 shrink-0","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}],["$","$L1a",null,{"href":"/pl/blog/","className":"hover:text-black transition-colors","children":"Blog"}]]}],["$","li","1",{"className":"flex items-center gap-2","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right w-4 h-4 text-zinc-400 shrink-0","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}],["$","span",null,{"className":"text-black font-medium","aria-current":"page","children":"Tag: Wydajność strony"}]]}]]]}]}],["$","div",null,{"className":"mb-12","children":[["$","div",null,{"className":"inline-block px-4 py-2 bg-zinc-100 text-zinc-700 rounded-full text-sm font-medium mb-4","children":"Tag"}],["$","h1",null,{"className":"text-4xl md:text-5xl font-bold text-zinc-900 mb-4","children":"Wydajność strony"}],["$","p",null,{"className":"text-xl text-zinc-600","children":"1 artykuł"}]]}],["$","div",null,{"className":"grid md:grid-cols-2 lg:grid-cols-3 gap-8","children":[["$","$L1b","website-geschwindigkeit-core-web-vitals",{"post":{"slug":"website-geschwindigkeit-core-web-vitals","content":"$1c","readingTime":"7 min read","title":"Szybkość strony i Core Web Vitals: przewodnik optymalizacji","description":"Zrozum i zoptymalizuj Core Web Vitals: LCP, INP, CLS. Wpływ na rankingi SEO i Quality Score Google Ads. Z praktyczną checklistą i narzędziami.","publishDate":"2026-02-22","author":"Mijo Jurisic","category":"SEO & Tworzenie stron","tags":["Core Web Vitals","Wydajność strony","Page Speed","LCP","INP","CLS"],"image":"/images/blog/website-geschwindigkeit-core-web-vitals.webp","imageAlt":"Core Web Vitals i optymalizacja szybkości strony","featured":false},"locale":"pl","index":0}]]}]]}]}],"$L1d"] 1d:["$","$L1e",null,{}] b:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 8:null d:[["$","title","0",{"children":"Wydajność strony: Artykuły | Blog MJ Marketing"}],["$","meta","1",{"name":"description","content":"Wszystkie artykuły z tagiem Wydajność strony: praktyczna wiedza o Google Ads i marketingu online od Mijo Jurisicia."}],["$","meta","2",{"name":"application-name","content":"MJ Marketing"}],["$","meta","3",{"name":"author","content":"Mijo Jurisic"}],["$","link","4",{"rel":"manifest","href":"/manifest.webmanifest","crossOrigin":"$undefined"}],["$","meta","5",{"name":"creator","content":"Mijo Jurisic"}],["$","meta","6",{"name":"publisher","content":"MJ Marketing"}],["$","meta","7",{"name":"robots","content":"noindex, follow"}],["$","meta","8",{"name":"category","content":"Marketing, Google Ads, SEA"}],["$","meta","9",{"name":"classification","content":"Digital Marketing Agency"}],["$","meta","10",{"name":"geo.region","content":"DE"}],["$","meta","11",{"name":"geo.placename","content":"Deutschland"}],["$","meta","12",{"name":"audience","content":"Business"}],["$","meta","13",{"name":"revisit-after","content":"7 days"}],["$","link","14",{"rel":"canonical","href":"https://mjmads.com/pl/blog/tag/wydajnosc-strony/"}],["$","meta","15",{"property":"og:title","content":"Wydajność strony: Artykuły | Blog MJ Marketing"}],["$","meta","16",{"property":"og:description","content":"Wszystkie artykuły z tagiem Wydajność strony: praktyczna wiedza o Google Ads i marketingu online od Mijo Jurisicia."}],["$","meta","17",{"property":"og:url","content":"https://mjmads.com/pl/blog/tag/wydajnosc-strony/"}],["$","meta","18",{"property":"og:site_name","content":"MJ Marketing"}],["$","meta","19",{"property":"og:image","content":"https://mjmads.com/api/og?eyebrow=Blog&title=Wydajno%C5%9B%C4%87+strony"}],["$","meta","20",{"property":"og:image:width","content":"1200"}],["$","meta","21",{"property":"og:image:height","content":"630"}],["$","meta","22",{"property":"og:image:alt","content":"Wydajność strony"}],["$","meta","23",{"property":"og:type","content":"website"}],["$","meta","24",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","25",{"name":"twitter:title","content":"Wydajność strony: Artykuły | Blog MJ Marketing"}],["$","meta","26",{"name":"twitter:description","content":"Wszystkie artykuły z tagiem Wydajność strony: praktyczna wiedza o Google Ads i marketingu online od Mijo Jurisicia."}],["$","meta","27",{"name":"twitter:image","content":"https://mjmads.com/api/og?eyebrow=Blog&title=Wydajno%C5%9B%C4%87+strony"}],["$","link","28",{"rel":"shortcut icon","href":"/images/favicon/favicon.ico"}],["$","link","29",{"rel":"icon","href":"/favicon.ico?favicon.44-8n1zucr217.ico","sizes":"767x768","type":"image/x-icon"}],["$","link","30",{"rel":"icon","href":"/images/favicon/favicon-16x16.png","sizes":"16x16","type":"image/png"}],["$","link","31",{"rel":"icon","href":"/images/favicon/favicon-32x32.png","sizes":"32x32","type":"image/png"}],["$","link","32",{"rel":"icon","href":"/images/favicon/favicon-48x48.png","sizes":"48x48","type":"image/png"}],["$","link","33",{"rel":"apple-touch-icon","href":"/images/favicon/apple-touch-icon.png","sizes":"180x180"}],["$","$L1f","34",{}]]