Szybkość strony internetowej: jak ją sprawdzić i przyspieszyć (Core Web Vitals)

1. Dlaczego szybkość strony wpływa na sprzedaż i pozycje w Google

Większość wejść na strony firmowe to dziś telefony, często na mobilnym internecie, w biegu, między jednym a drugim zajęciem. Jeśli strona przez kilka sekund pokazuje biały ekran, część osób wraca do wyników wyszukiwania i klika konkurencję. Nie ma tu żadnego komunikatu o błędzie — po prostu zapytanie nie przychodzi.

Google mierzy to samo doświadczenie na prawdziwych użytkownikach przeglądarki Chrome i wlicza je do oceny strony jako Podstawowe wskaźniki internetowe (Core Web Vitals). Szybkość nie wyprzedzi lepszej treści, ale przy dwóch podobnych stronach potrafi przesądzić, która będzie wyżej.

2. Jak sprawdzić szybkość strony — krok po kroku

Do pomiaru wystarczą dwa bezpłatne narzędzia Google:

1. 1.Wejdź na pagespeed.web.dev, wklej adres strony i uruchom analizę. Zacznij od zakładki Komórka — to ona jest ważniejsza.
2. 2.Spójrz najpierw na górną sekcję z danymi prawdziwych użytkowników z ostatnich 28 dni. Jeśli strona ma za mały ruch, tej sekcji nie będzie — wtedy zostaje test laboratoryjny poniżej.
3. 3.Sprawdź wynik testu laboratoryjnego (0–100) i listę Diagnostyka: to konkretne rzeczy do poprawy, posortowane według tego, ile czasu zabierają.
4. 4.Powtórz test dla dwóch, trzech najważniejszych podstron — oferty, cennika, kontaktu — a nie tylko strony głównej.
5. 5.W Google Search Console otwórz raport Podstawowe wskaźniki internetowe. Pokazuje, które grupy podstron mają problem, na podstawie danych z całej witryny.

Dane prawdziwych użytkowników i test laboratoryjny często się różnią. Laboratorium symuluje przeciętny telefon na wolnym łączu i służy do znajdowania przyczyn; dane terenowe mówią, jak jest naprawdę — i to na nie patrzy Google.

3. Core Web Vitals po ludzku: LCP, INP i CLS

Trzy wskaźniki, które Google bierze pod uwagę, odpowiadają na trzy proste pytania:

• —LCP (Largest Contentful Paint) — kiedy widać najważniejszą treść?: Czas do wyświetlenia największego elementu na ekranie, zwykle zdjęcia w nagłówku albo głównego tytułu. Dobry wynik: do 2,5 sekundy.
• —INP (Interaction to Next Paint) — czy strona reaguje od razu?: Jak długo strona zwleka z reakcją po kliknięciu przycisku, otwarciu menu czy wpisaniu tekstu. Dobry wynik: do 200 milisekund.
• —CLS (Cumulative Layout Shift) — czy treść skacze?: Na ile elementy przesuwają się w trakcie ładowania — to ten moment, kiedy chcesz kliknąć przycisk, a w jego miejsce wjeżdża baner. Dobry wynik: do 0,1.

Żeby strona zaliczyła ocenę, każdy z trzech wskaźników musi być w zielonym zakresie dla co najmniej 75% wizyt. Średnia nie wystarczy — liczy się doświadczenie wolniejszej części odwiedzających.

4. Co najczęściej spowalnia stronę firmową

Na stronach małych i średnich firm przyczyny powtarzają się zaskakująco często:

• —Ciężkie zdjęcia: zdjęcie prosto z aparatu ma kilka megabajtów i 6000 pikseli szerokości, a wyświetla się na ekranie o szerokości 400 pikseli. Najczęstsza pojedyncza przyczyna złego LCP.
• —Skrypty firm zewnętrznych: czat, piksele reklamowe, mapy, widżet z opiniami, osadzony film. Każdy z osobna jest mały, razem potrafią zablokować telefon na kilka sekund i zepsuć INP.
• —Nadmiar wtyczek i ciężki motyw: w gotowych systemach każda wtyczka dokłada swoje pliki na każdej podstronie — także tam, gdzie nic nie robi.
• —Slider w nagłówku: kilka dużych zdjęć przewijających się na starcie to kilka razy więcej danych do pobrania, zanim cokolwiek będzie widać.
• —Fonty i elementy bez zarezerwowanego miejsca: czcionki doczytywane w ostatniej chwili i obrazki bez podanych wymiarów przesuwają treść i psują CLS.
• —Wolny serwer: najtańszy hosting współdzielony bez pamięci podręcznej potrafi myśleć sekundę, zanim wyśle pierwszy bajt.

5. Jak przyspieszyć stronę: co zrobisz sam, a co wymaga przebudowy

Poprawki na jedno popołudnie

• —Przekonwertuj zdjęcia do formatu WebP lub AVIF i zmniejsz je do rozmiaru, w jakim faktycznie się wyświetlają.
• —Włącz leniwe ładowanie (lazy loading) zdjęć poniżej pierwszego ekranu — ale nie zdjęcia w nagłówku, bo to ono decyduje o LCP.
• —Usuń wtyczki i skrypty, z których nikt nie korzysta, a czat ładuj dopiero po chwili albo po pierwszym ruchu użytkownika.
• —Zamień slider w nagłówku na jedno dobre zdjęcie.
• —Włącz pamięć podręczną i kompresję na serwerze, jeśli hosting na to pozwala.

Kiedy poprawki nie wystarczą

Jeśli po tych krokach strona dalej ładuje się na telefonie kilka sekund, problem zwykle siedzi głębiej: w motywie, który ładuje wszystko wszędzie, w dziesiątkach powiązanych ze sobą wtyczek albo w konstrukcji, której nie da się odchudzić bez przepisania. Wtedy kolejne łatki kosztują więcej niż lekka strona zbudowana od nowa — prerenderowana, ze zdjęciami przygotowanymi przy budowie i skryptami ładowanymi dopiero wtedy, gdy są potrzebne.

6. Najczęstsze pytania o szybkość strony

Jaki wynik w PageSpeed Insights jest dobry?

90–100 to zakres zielony, 50–89 pomarańczowy, poniżej 50 czerwony. Ważniejsze od samej liczby są jednak dane terenowe: jeśli LCP, INP i CLS są zielone, strona zalicza ocenę Google, nawet gdy wynik laboratoryjny wynosi 85.

Dlaczego na telefonie wynik jest dużo niższy niż na komputerze?

Test mobilny celowo symuluje przeciętny telefon z wolniejszym procesorem na słabszym łączu. To nie błąd narzędzia — tak wygląda strona dla sporej części Twoich klientów.

Czy wtyczka do cache wystarczy, żeby przyspieszyć stronę?

Pomaga na wolny serwer, ale nie zmniejszy zdjęć ani nie usunie ciężkich skryptów. Przy złym LCP i INP sama pamięć podręczna zwykle nie wystarcza.

7. Sprawdź swoją stronę

Uruchom PageSpeed Insights dla strony głównej i najważniejszej podstrony z ofertą, na zakładce Komórka. Jeśli któryś z trzech wskaźników jest czerwony, to wiesz, od czego zacząć.

Strony, które buduję, powstają z szybkością jako założeniem, a nie poprawką na końcu. Wyślij adres swojej strony, a w 48 godzin dostaniesz bezpłatną wycenę razem z informacją, co spowalnia ją najbardziej i czy wystarczą poprawki, czy lepiej zbudować ją od nowa.