Google od 2021 roku ocenia nie tylko treść strony, ale też to, jak się z niej korzysta. Skuteczne strony internetowe to dziś nie tylko ładny design i dobre teksty — to też szybkość ładowania, stabilność i responsywność. Właśnie to mierzy Core Web Vitals.
Czym są Core Web Vitals i dlaczego je wprowadzono
Przez lata Google oceniał strony głównie na podstawie treści i linków. Problem w tym, że strona mogła mieć świetny content, a mimo to być praktycznie nieużywalna — ładować się 8 sekund, skakać przy przewijaniu, nie reagować na kliknięcia.
W 2021 roku Google zmienił zasady gry.
Core Web Vitals to zestaw trzech wskaźników mierzących realne doświadczenie użytkownika na stronie. Nie to, co widzi robot — to, co odczuwa człowiek. Google zaczął brać je pod uwagę jako sygnał rankingowy, co oznacza jedno: wolna i niestabilna strona zaczęła tracić pozycje na rzecz szybszej konkurencji.
Skąd ten pomysł? Google analizuje zachowanie milionów użytkowników. Wie, że:
- 53% odwiedzających opuszcza stronę mobilną, jeśli ładuje się dłużej niż 3 sekundy
- Strony ładujące się poniżej 1 sekundy mają konwersję 3x wyższą niż te ładujące się w 5 sekund
- Każda sekunda opóźnienia to średnio 7% mniej konwersji
To nie są przypadkowe liczby. To powód, dla którego skuteczne strony internetowe muszą być dziś szybkie — nie tylko ładne.
Core Web Vitals to nie fanaberia dla developerów. To sygnał biznesowy. Jeśli Twoja strona traci użytkowników przez słabą wydajność, tracisz klientów — nawet jeśli świetnie pozycjonujesz się na słowa kluczowe. Dobra wiadomość: wskaźniki są konkretne, mierzalne i do poprawienia bez przepisywania strony od zera.
LCP, CLS i INP — trzy wskaźniki wyjaśnione po ludzku
Google mierzy trzy rzeczy. Każda odpowiada na inne pytanie użytkownika.
LCP (Largest Contentful Paint) — Kiedy widzę coś sensownego?
To czas do wyświetlenia największego elementu na ekranie — zazwyczaj głównego zdjęcia lub nagłówka. Dobry wynik: do 2,5 sekundy. Powyżej 4 sekund — czerwona lampka.
CLS (Cumulative Layout Shift) — Dlaczego strona mi się przesuwa pod palcem?
Mierzy, jak bardzo elementy skaczą po ekranie podczas ładowania. Znasz to uczucie — klikasz „Kup teraz", a w ostatniej chwili strona się przesuwa i trafiasz w reklamę? To właśnie wysoki CLS. Dobry wynik: poniżej 0,1.
INP (Interaction to Next Paint) — Dlaczego strona nie reaguje na kliknięcie?
Od marca 2024 zastąpił FID. Mierzy czas odpowiedzi strony na każdą interakcję — kliknięcie, dotknięcie, wpisanie tekstu. Dobry wynik: do 200 ms.
| Wskaźnik | Co mierzy | Dobry wynik | Do poprawy |
|---|---|---|---|
| LCP | Czas ładowania głównej treści | ≤ 2,5 s | > 4 s |
| CLS | Stabilność układu strony | ≤ 0,1 | > 0,25 |
| INP | Czas reakcji na kliknięcie | ≤ 200 ms | > 500 ms |
Nie musisz znać tych liczb na pamięć. Wystarczy wiedzieć jedno: Google sprawdza te trzy rzeczy i wystawia Twojej stronie ocenę. „Dobry" wynik we wszystkich trzech = zielone światło w rankingach.
Jak Core Web Vitals wpływają na SEO i konwersje
Są dwa powody, żeby zadbać o Core Web Vitals. Pierwszy to Google. Drugi — i ważniejszy — to Twoi klienci.
Od 2021 roku Core Web Vitals są oficjalnym czynnikiem rankingowym w Google. Nie jedynym — treść i linki nadal mają większą wagę. Ale przy podobnej jakości treści dwóch konkurencyjnych stron, szybsza wygra.
Google stosuje tzw. Page Experience Signal — zbiorczą ocenę doświadczenia użytkownika. Obejmuje Core Web Vitals, bezpieczne połączenie HTTPS i brak natrętnych interstitiali. Strona, która zdaje ten test, ma przewagę w wynikach.
| Zmiana | Efekt na konwersje |
|---|---|
| Poprawa LCP o 0,1 s | +8% konwersji (dane Google/Deloitte) |
| Redukcja CLS do 0 | +15% mniej porzuceń koszyka (e-commerce) |
| Szybkość strony < 1 s | 3x wyższy współczynnik konwersji vs 5 s |
Skuteczne strony internetowe to nie kwestia gustu — to kwestia wyników. Firma, której strona ładuje się w 1,5 sekundy, zarobi więcej niż identyczna firma ze stroną ładującą się 5 sekund. Bez zmiany oferty, bez dodatkowej reklamy.
Jeden praktyczny przykład: sklep internetowy Renault France poprawił LCP o 1 sekundę. Efekt? +13% konwersji. To realne pieniądze, nie teoria.
Jak sprawdzić swoje wyniki w 5 minut
Nie trzeba być programistą, żeby sprawdzić Core Web Vitals własnej strony. Google udostępnia dwa bezpłatne narzędzia.
PageSpeed Insights — najszybszy start
Wejdź na pagespeed.web.dev, wpisz adres swojej strony i kliknij „Analizuj". Po chwili zobaczysz dwa wyniki:
- Dane polowe (Field Data) — rzeczywiste dane od użytkowników Twojej strony
- Dane laboratoryjne (Lab Data) — symulacja ładowania na wolnym połączeniu
Dane polowe są ważniejsze — pokazują, jak Twoja strona działa w rzeczywistości, nie w teorii.
Google Search Console — pełny obraz
Wejdź w sekcję Podstawowe wskaźniki internetowe (Core Web Vitals). Zobaczysz listę podstron z oceną, grupowanie problemów i trend w czasie — czy po zmianach coś się poprawiło.
| Ocena | Co to znaczy |
|---|---|
| Dobry (zielony) | Nie musisz nic robić |
| Do poprawy (pomarańczowy) | Warto poprawić, nie pilne |
| Słaby (czerwony) | Działaj jak najszybciej |
Zacznij od strony głównej i najważniejszych podstron (oferta, kontakt, produkty). To tam trafia większość ruchu — i tam problemy z wydajnością kosztują Cię najwięcej.
Co zrobić, żeby poprawić wyniki
Nie każda poprawa wymaga programisty. Część rzeczy możesz zrobić sam — dziś, bez kodu.
Szybkie wygrane (bez dewelopera):
- Skompresuj obrazki — to najczęstszy powód złego LCP. Użyj Squoosh.app lub TinyPNG. Zdjęcie 3 MB zamieniaj w 150 KB bez widocznej straty jakości. Format WebP ładuje się szybciej niż JPG.
- Zmień hosting — wolny serwer = wolna strona. Tanie hostingi współdzielone to prosta droga do słabego LCP. Dobry hosting z SSD i PHP 8.x robi różnicę.
- Włącz cache — w WordPress wystarczy WP Rocket lub LiteSpeed Cache. Sprawi, że strona nie buduje się od zera przy każdym wejściu.
Co wymaga dewelopera:
- Usunięcie nieużywanych skryptów i wtyczek
- Lazy loading obrazków poza ekranem
- Ustawienie wymiarów obrazków w HTML (eliminuje CLS)
- Wdrożenie CDN dla zasobów statycznych
| Problem | Gdzie szukać | Trudność |
|---|---|---|
| Duże obrazki | PageSpeed → „Properly size images" | Łatwa |
| Wolny hosting | Czas do pierwszego bajtu (TTFB) | Średnia |
| Skaczący layout | PageSpeed → „Avoid layout shifts" | Średnia |
| Blokujące skrypty | PageSpeed → „Eliminate render-blocking" | Trudna |
Skuteczne strony internetowe nie biorą się z przypadku. To wynik świadomych decyzji — od wyboru hostingu, przez optymalizację obrazków, po czysty kod bez zbędnych wtyczek.
Chcesz wiedzieć, jak Twoja strona wypada w Core Web Vitals?
Sprawdzam bezpłatnie i powiem, co warto poprawić w pierwszej kolejności.