Szybka strona = większa sprzedaż: Core Web Vitals a konwersja

Wolna strona kosztuje Cię klientów, zanim w ogóle zobaczą ofertę. Jeśli prowadzisz firmę i Twoja witryna ładuje się dłużej niż 3 sekundy, tracisz sprzedaż na każdej wizycie z reklamy i z Google. Ten tekst pokazuje, jak Core Web Vitals przekładają się na pieniądze i co konkretnie naprawić, żeby strona zaczęła zarabiać.

Czym są Core Web Vitals

Core Web Vitals to trzy metryki, którymi Google mierzy realne doświadczenie użytkownika na Twojej stronie. Nie chodzi o ładny wykres w panelu, tylko o to, jak szybko strona się pokazuje, jak szybko reaguje na klik i czy nie skacze pod palcem.

Trzy metryki, które musisz znać:

• LCP (Largest Contentful Paint) mierzy, po jakim czasie pojawia się największy element widoczny na ekranie, zwykle zdjęcie hero albo nagłówek. To Twój „czas do pierwszego wrażenia".
• INP (Interaction to Next Paint) mierzy, jak szybko strona reaguje na działanie użytkownika: kliknięcie przycisku, rozwinięcie menu, dodanie do koszyka. Zastąpił starszy wskaźnik FID w 2024 roku.
• CLS (Cumulative Layout Shift) mierzy stabilność układu. Jeśli treść przeskakuje, bo doładował się baner albo font, użytkownik klika w złe miejsce i się irytuje.

Każdą metrykę Google ocenia na podstawie wartości dla 75% Twoich użytkowników. Pojedynczy szybki test na nowym laptopie nic nie znaczy, jeśli klient z telefonu w słabym zasięgu czeka 6 sekund.

Progi, które musisz trafić

Google dzieli wyniki na trzy poziomy: dobry, wymaga poprawy, słaby. Twój cel to zielony „dobry" w każdej z trzech metryk.

Dlaczego szybkość to pieniądze

Każda sekunda ładowania to porcja użytkowników, którzy zamykają kartę. Badania Google na próbie tysięcy stron pokazały, że gdy czas ładowania rośnie z 1 do 3 sekund, prawdopodobieństwo porzucenia strony rośnie o 32%. Przy 5 sekundach skacze powyżej 90%.

2,5 smaksymalny LCP, żeby Google uznał stronę za szybką na mobile

Przełóż to na swój biznes. Jeśli wydajesz pieniądze na Google Ads albo Meta Ads, płacisz za każde kliknięcie. Wolna strona docelowa oznacza, że część tego budżetu spalasz na ludziach, którzy nigdy nie doczekają załadowania formularza. W naszych projektach przyspieszenie strony docelowej zwykle podnosi współczynnik konwersji z kampanii o kilkanaście do kilkudziesięciu procent, bez dotykania samej reklamy.

W e-commerce zależność jest jeszcze bardziej brutalna. Wolny koszyk i wolna karta produktu to porzucone transakcje. U większości klientów sklepowych poprawa LCP poniżej 2,5 sekundy przekłada się na wyraźny wzrost liczby finalizowanych zamówień.

Skąd się bierze wolność i jak to naprawić

Większość wolnych stron cierpi z tych samych trzech powodów. Dobra wiadomość: każdy z nich da się naprawić bez przepisywania całej witryny.

Obrazy, które ważą za dużo

Zdjęcia to najczęstszy zabójca LCP. Grafika hero w formacie PNG potrafi ważyć 3 MB, podczas gdy ten sam obraz w WebP zajmie 200 KB bez widocznej różnicy jakości.

Co zrobić:

1. Konwertuj zdjęcia do formatu WebP lub AVIF.
2. Skaluj obrazy do faktycznych wymiarów wyświetlania. Nie wgrywaj zdjęcia 4000 px, jeśli pokazujesz je w kontenerze 800 px.
3. Włącz lazy loading dla obrazów poniżej linii zgięcia (atrybut loading="lazy").
4. Zarezerwuj wymiary obrazu w kodzie (atrybuty width i height), żeby zbić CLS.

Fonty, które blokują render

Niestandardowe czcionki potrafią opóźnić pojawienie się tekstu, bo przeglądarka czeka na pobranie pliku fontu. To bezpośrednio psuje LCP.

Co zrobić:

• Dodaj font-display: swap, żeby tekst pokazał się od razu w foncie zastępczym.
• Hostuj fonty lokalnie zamiast pobierać z zewnętrznego serwera przy każdym wejściu.
• Ogranicz liczbę wariantów i grubości do tych, których faktycznie używasz.

JavaScript i skrypty firm trzecich

Każdy dodatkowy skrypt to obciążenie dla INP. Czat na żywo, piksele reklamowe, mapy, widżety opinii: każdy z nich zajmuje wątek przeglądarki i opóźnia reakcję na kliknięcie.

Co zrobić:

• Ładuj skrypty firm trzecich z opóźnieniem (defer lub async), a najlepiej dopiero po interakcji użytkownika.
• Usuń wtyczki, których realnie nie używasz. W WordPressie często znajdujemy 5 zbędnych pluginów dokładających po kilkaset kilobajtów.
• Sprawdź, czy nie ładujesz dwóch narzędzi do tego samego (np. dwóch systemów analityki).

Jak to wygląda w praktyce

Działamy od 2018 roku i zrealizowaliśmy ponad 60 projektów dla firm z Katowic, Śląska i całej Polski. Wydajność to jeden z pierwszych obszarów, które sprawdzamy, bo daje szybki, mierzalny efekt.

Przykład z naszego podwórka: salon detailingu z Katowic. Po uporządkowaniu obrazów, fontów i struktury strony oraz pracy nad SEO lokalnym osiągnęliśmy wzrost ruchu organicznego o 312% i miejsce w top 3 w Mapach Google na 12 z 15 docelowych fraz w 6 miesięcy.

+312%wzrost ruchu organicznego, salon detailingu z Katowic, 6 miesięcy

Szybka strona nie była tu jedynym czynnikiem, ale była fundamentem. Bez niej Google nie promuje, a użytkownik nie zostaje na tyle długo, żeby zostawić kontakt.

Twój checklist na start

Zanim zlecisz komukolwiek optymalizację, sprawdź te punkty sam. Większość zajmie Ci kwadrans.

Następny krok

Zacznij od jednego pomiaru: wpisz adres swojej strony w PageSpeed Insights i spójrz na LCP w danych polowych. Jeśli przekracza 2,5 sekundy, masz konkretny, mierzalny problem do naprawienia, który wprost dotyka Twojej sprzedaży. Od tego punktu każda poprawka obrazów, fontów i skryptów to realny wzrost konwersji, a nie kosmetyka.

Najczęstsze pytania

Czy Core Web Vitals realnie wpływają na pozycję w Google?

Tak. Core Web Vitals są oficjalnym sygnałem rankingowym od 2021 roku, w ramach systemu page experience. Przy zbliżonej jakości treści szybsza strona wygrywa. Na konkurencyjnych frazach lokalnych potrafi to przesądzić o miejscu w top 3.

Jaki jest dobry wynik LCP?

Dobry LCP to wartość poniżej 2,5 sekundy dla 75% wizyt na urządzeniach mobilnych. Między 2,5 a 4 sekundy wynik wymaga poprawy, a powyżej 4 sekund jest słaby. Mierz na realnym ruchu, nie tylko w teście laboratoryjnym.

Ile trwa przyspieszenie wolnej strony?

W większości naszych projektów podstawowe poprawki (kompresja obrazów, format WebP, lazy loading, optymalizacja fontów) zajmują od kilku dni do dwóch tygodni. Głębsza praca nad JavaScriptem i kodem motywu bywa dłuższa, ale efekt na LCP widać zwykle już po pierwszej iteracji.