Core Web Vitals — jak szybkość strony wpływa na SEO i sprzedaż

Core Web Vitals to zestaw wskaźników, którymi Google mierzy realną jakość ładowania strony — a w praktyce szybkość strony przekłada się dziś wprost na pozycje w wynikach wyszukiwania, na to, czy Twoja witryna trafi do odpowiedzi generowanych przez AI, oraz na sprzedaż. W Web Power Sp. z o.o. od 15 lat budujemy strony WordPress i prowadzimy pozycjonowanie, więc widzieliśmy setki witryn, które po prostu były za wolne. W tym artykule tłumaczymy proste słowami, czym są trzy główne wskaźniki Core Web Vitals, dlaczego ich poprawa się opłaca i jak realnie przyspieszyć stronę.

Czym są Core Web Vitals w prostych słowach

Core Web Vitals (po polsku: podstawowe wskaźniki internetowe) to trzy miary, którymi Google ocenia, jak Twoja strona zachowuje się z perspektywy człowieka, który ją otwiera. Nie chodzi o suche „ile waży kod", tylko o odczucie: czy treść pojawia się szybko, czy strona reaguje na kliknięcia i czy układ nie skacze pod palcami. To właśnie dlatego ten zestaw wskaźników stał się ważny dla SEO — Google chce wysoko pokazywać strony, które po prostu dobrze się używa.

Każdy z trzech wskaźników opisuje inny moment kontaktu użytkownika ze stroną. Razem dają obraz tego, czy szybkość strony jest na poziomie, którego oczekuje dzisiejszy odbiorca — a oczekiwania są wysokie, bo konkurencja jest o jedno kliknięcie dalej.

Trzy wskaźniki Core Web Vitals — LCP, INP i CLS

Omówmy całą trójkę po kolei, bez żargonu. Każdy odpowiada na inne pytanie, które odwiedzający zadaje sobie podświadomie w pierwszych sekundach na stronie: czy treść już jest, czy strona mnie słucha i czy nic mi nie ucieka spod palca.

LCP — czy treść pojawia się szybko (cel: poniżej 2,5 s)

LCP (Largest Contentful Paint) mierzy, po jakim czasie pojawia się największy, najważniejszy element widoczny na ekranie — najczęściej duże zdjęcie, baner lub nagłówek. Mówiąc wprost: to moment, w którym użytkownik czuje, że „strona się załadowała". Google uznaje wynik za dobry, gdy LCP jest poniżej 2,5 sekundy. Powyżej 4 sekund wynik jest słaby i realnie odstrasza odwiedzających.

W praktyce LCP najczęściej psują: zbyt duże, nieskompresowane obrazy, wolny hosting oraz blokujące skrypty, które każą przeglądarce czekać. To dobra wiadomość, bo to są rzeczy, które da się naprawić.

INP — czy strona szybko reaguje na kliknięcia

INP (Interaction to Next Paint) to wskaźnik, który w 2024 roku zastąpił starszy FID. Mierzy reakcję strony na działania użytkownika — kliknięcie przycisku, rozwinięcie menu, wpisanie tekstu w formularzu. Pokazuje, ile czasu mija od interakcji do widocznej odpowiedzi. Dobry wynik to INP poniżej 200 milisekund; powyżej 500 ms strona sprawia wrażenie „zacinającej się".

INP najczęściej cierpi przez nadmiar ciężkiego kodu JavaScript — wiele wtyczek, skryptów reklamowych, czatów i narzędzi analitycznych naraz potrafi zablokować przeglądarkę na ułamki sekundy, które człowiek odczuwa jako ociężałość.

CLS — czy układ strony nie skacze

CLS (Cumulative Layout Shift) opisuje stabilność wizualną. Każdy zna sytuację, gdy chce się kliknąć przycisk, a w ostatniej chwili doładuje się reklama lub obrazek i treść przeskakuje — przez to klikamy nie tam, gdzie chcieliśmy. CLS mierzy właśnie skalę takich przeskoków. Dobry wynik to CLS poniżej 0,1. Najczęstsze przyczyny to obrazy i ramki bez podanych wymiarów oraz czcionki ładowane w sposób, który przesuwa tekst.

Dlaczego poprawa Core Web Vitals się opłaca

Optymalizacja szybkości strony to nie sztuka dla sztuki ani gonienie za zielonym kółkiem w narzędziu. To inwestycja, która zwraca się na trzech frontach jednocześnie: w konwersji, w pozycjach SEO i w widoczności w odpowiedziach AI.

Wpływ na konwersję i sprzedaż

Liczby z badań branżowych są bezlitosne. Każda dodatkowa sekunda ładowania potrafi obniżyć współczynnik konwersji o kilka–kilkanaście procent. Google podaje, że gdy czas ładowania rośnie z 1 do 3 sekund, prawdopodobieństwo opuszczenia strony rośnie o 32%, a przy wzroście do 5 sekund — aż o 90%. Dla sklepu internetowego oznacza to wprost: wolna strona to porzucone koszyki i niezrealizowane zamówienia.

• Mniej porzuceń — użytkownik, który nie czeka, zostaje na stronie i częściej finalizuje zakup.
• Wyższy współczynnik konwersji — szybka, stabilna strona buduje zaufanie i ułatwia decyzję.
• Lepsze doświadczenie na telefonie — większość ruchu jest dziś mobilna, a tam łącze bywa wolniejsze i szybkość liczy się jeszcze bardziej.

Wpływ na pozycje w Google

Core Web Vitals są oficjalnym czynnikiem rankingowym Google w ramach sygnałów Page Experience. Nie zastąpią dobrej treści ani solidnego profilu linków, ale przy dwóch stronach o porównywalnej jakości to szybsza wygra. Co ważne, Google ocenia wskaźniki na podstawie danych realnych użytkowników (tzw. dane terenowe), więc liczy się to, jak stronę odczuwają faktyczni odwiedzający, a nie tylko wynik z jednego testu laboratoryjnego.

Szybka strona pomaga też pośrednio: lepszy crawl budget (robot Google szybciej indeksuje), niższy współczynnik odrzuceń i dłuższy czas na stronie to sygnały, które wspierają widoczność. Dlatego w naszym pozycjonowaniu w Google i AI techniczna wydajność jest jednym z pierwszych elementów audytu.

Szybka strona jako źródło dla odpowiedzi AI (GEO)

Coraz więcej zapytań kończy się odpowiedzią generowaną przez AI — w AI Overviews Google, w ChatGPT czy w Perplexity. Te systemy, aby zacytować Twoją treść, muszą najpierw ją sprawnie pobrać i zinterpretować. Strona, która ładuje się szybko, ma czysty kod i stabilny układ, jest dla robotów AI łatwiejsza do przetworzenia, a więc częściej trafia do generowanych odpowiedzi. Optymalizacja Core Web Vitals to dziś nie tylko klasyczne SEO, ale też GEO — przygotowanie strony pod widoczność w wyszukiwaniu opartym na sztucznej inteligencji.

Jak przyspieszyć stronę — konkretne działania

Przyspieszanie strony brzmi technicznie, ale w praktyce większość zysków pochodzi z kilku powtarzalnych obszarów. Poniżej najważniejsze działania, które wdrażamy w projektach klientów — uporządkowane od tych o największym wpływie.

Obrazy: formaty, kompresja i lazy loading

Obrazy to zwykle największy ciężar strony i najczęstsza przyczyna słabego LCP. Tu leży też najszybszy zysk.

• Nowoczesne formaty — zamiast JPG i PNG używaj WebP lub AVIF, które przy tej samej jakości ważą znacznie mniej.
• Kompresja i odpowiednie wymiary — nie wgrywaj zdjęcia 4000 px szerokości, jeśli wyświetlasz je w kontenerze 800 px. Skaluj i kompresuj przed publikacją.
• Lazy loading — obrazy poniżej pierwszego ekranu ładuj dopiero, gdy użytkownik do nich dotrze. Uwaga: głównego obrazu LCP nie należy ładować leniwie, bo opóźni to jego pojawienie się.
• Wymiary w kodzie — zawsze podawaj szerokość i wysokość obrazu, żeby przeglądarka zarezerwowała miejsce i nie powodowała przeskoków (poprawa CLS).

Mniej ciężkich skryptów i wtyczek

To najczęstszy zabójca INP, zwłaszcza na WordPressie. Każda wtyczka i każdy zewnętrzny skrypt dokłada kod, który przeglądarka musi pobrać i wykonać.

• Audyt wtyczek — usuń te nieużywane i te, które się dublują. Często pięć wtyczek robi to, co mogłaby jedna lub czysty kod.
• Ogranicz zewnętrzne skrypty — czaty, piksele reklamowe, mapy i widżety social ładuj warunkowo lub dopiero po interakcji użytkownika.
• Odraczaj JavaScript — stosuj atrybuty defer/async, żeby skrypty nie blokowały renderowania treści.
• Tylko potrzebny CSS i JS — usuwaj nieużywany kod, dziel go na mniejsze paczki ładowane na konkretnych podstronach.

Cache i dobry hosting

Najlepiej zoptymalizowany kod nic nie da, jeśli serwer odpowiada wolno. Fundament to solidny hosting i sensowne buforowanie.

• Cache strony — gotowe strony serwowane z pamięci podręcznej ładują się błyskawicznie, bo serwer nie musi ich budować od nowa przy każdym wejściu.
• CDN — sieć serwerów rozproszonych geograficznie skraca drogę danych do użytkownika; szczególnie ważne, gdy masz odbiorców w różnych regionach.
• Szybki hosting — wybieraj dostawcę z nowoczesnymi dyskami SSD/NVMe, aktualnym PHP i odpowiednią mocą pod ruch, jaki realnie generujesz.
• Kompresja transferu i HTTP/2 lub HTTP/3 — to standardy, które przyspieszają przesyłanie plików między serwerem a przeglądarką.

Czysty kod i lekki motyw

Ciężkie, „uniwersalne" motywy i kreatory stron potrafią ładować ogromne ilości zbędnego kodu. Lekki, dobrze napisany motyw i porządne fundamenty techniczne to różnica nieraz kilku sekund. Gdy budujemy strony WordPress, od początku dbamy o lekkość kodu, bo łatwiej zbudować szybko, niż później ratować rozdmuchaną witrynę. Jeśli prowadzisz sprzedaż, warto sięgnąć też po nasz przewodnik po sklepie na WooCommerce, gdzie szerzej omawiamy wydajność e-commerce.

Jak mierzyć Core Web Vitals

Żeby cokolwiek poprawić, trzeba najpierw zmierzyć stan wyjściowy. Na szczęście narzędzia są darmowe i ogólnodostępne — kluczowe jest tylko ich poprawne czytanie.

PageSpeed Insights i Lighthouse

PageSpeed Insights to najprostszy punkt startu — wklejasz adres podstrony i otrzymujesz ocenę dla wersji mobilnej i desktopowej wraz z konkretnymi rekomendacjami. Narzędzie pokazuje dwa rodzaje danych: laboratoryjne (symulacja w kontrolowanych warunkach, oparta na Lighthouse) oraz terenowe (od realnych użytkowników, jeśli ruch jest wystarczający). Lighthouse jest też wbudowany w przeglądarkę Chrome i przydaje się przy bieżącej pracy nad stroną.

Dane realnych użytkowników

To właśnie dane terenowe — pochodzące z raportu doświadczeń użytkowników Chrome — Google bierze pod uwagę w rankingu. Dlatego nie wystarczy „zielony wynik w teście"; liczy się, jak stronę odczuwają faktyczni odwiedzający, na różnych urządzeniach i łączach.

• Google Search Console — zakładka „Web Vitals" grupuje podstrony jako dobre, wymagające poprawy lub słabe, na podstawie danych realnych użytkowników.
• Raport CrUX — zbiorcze dane o doświadczeniu użytkowników Chrome, dostępne także w PageSpeed Insights.
• Mierz na telefonie — większość ruchu jest mobilna, więc to wersja mobilna jest najważniejsza, a jednocześnie najtrudniejsza do zoptymalizowania.

Częste przyczyny wolnej strony

Po latach audytów widzimy, że problemy powtarzają się jak w kalce. Jeśli Twoja strona jest wolna, prawie na pewno odpowiada za to któryś z poniższych punktów:

• Za duże, nieskompresowane obrazy — najczęstszy i najłatwiejszy do usunięcia problem.
• Nadmiar wtyczek — szczególnie na WordPressie; każda dokłada kod i zapytania do bazy.
• Ciężki motyw lub kreator stron — ładuje mnóstwo kodu, którego strona w ogóle nie używa.
• Słaby hosting bez cache — serwer buduje stronę od zera przy każdym wejściu i długo odpowiada.
• Zbyt wiele zewnętrznych skryptów — czaty, reklamy, narzędzia analityczne i widżety social blokujące przeglądarkę.
• Brak wymiarów obrazów i reklam — powoduje przeskoki układu i psuje CLS.
• Nieaktualne PHP i baza danych — stare wersje środowiska działają wolniej i mniej bezpiecznie.

Dobra wiadomość jest taka, że żaden z tych problemów nie jest nieusuwalny. Najczęściej wystarczy uporządkowany audyt i kilka celnych poprawek, by szybkość strony wskoczyła na zielony poziom — a za nią poszły lepsze pozycje i wyższa konwersja.