W skrócie
- Szybkość strony sprawdzisz za darmo w PageSpeed Insights, najlepiej dla widoku mobilnego.
- Core Web Vitals to trzy wskaźniki: LCP do 2,5 s, INP do 200 ms i CLS do 0,1 uznawane są za dobre (75. percentyl wizyt).
- Dane z terenu pokazują realnych użytkowników, dane z laboratorium służą do szukania przyczyn. Mogą się różnić.
- Zacznij od obrazów, wtyczek i skryptów zewnętrznych, dopiero potem rozważ zmianę hostingu.
Spis treści (7)
Szybkość strony internetowej sprawdzisz za darmo w narzędziu PageSpeed Insights od Google. Wklejasz adres, a w kilkanaście sekund dostajesz wynik i listę problemów. Liczą się trzy wskaźniki, tzw. Core Web Vitals: LCP (jak szybko pojawia się główna treść), INP (jak szybko strona reaguje na kliknięcie) i CLS (czy nic nie skacze podczas ładowania). Najczęstsze przyczyny wolnej strony to za ciężkie obrazy, nadmiar wtyczek i skryptów oraz słaby hosting.
Dlaczego wolna strona kosztuje Cię klientów
Klient z telefonu nie czeka. Jeśli po kliknięciu w wynik Google widzi białą kartę, wraca do wyników i wchodzi do konkurencji. Nikt tego nie liczy w Twojej analityce jako „straconej sprzedaży", ale to się dzieje.
Core Web Vitals to wskaźniki, którymi sam Google opisuje komfort korzystania ze strony, więc warto je znać i pilnować. Nie zastąpią dobrej treści, ale pokazują, czy strona nie utrudnia klientowi życia. Piszę o tym szerzej w tekście o tym, jak zbudować stronę, która zbiera zapytania.
W pracy z małymi firmami często widzę ten sam obrazek. Strona wygląda ładnie na komputerze projektanta, a na starszym telefonie klienta ładuje się wieki. Dlatego zaczynamy od pomiaru, nie od zgadywania.
Core Web Vitals po ludzku
Google ocenia stronę trzema wskaźnikami. Progi poniżej pochodzą z dokumentacji web.dev i dotyczą 75. percentyla wizyt, czyli wyniku, który uzyskuje większość (trzy czwarte) odwiedzających.
- LCP (Largest Contentful Paint): czas, po którym widać największy element strony, zwykle zdjęcie główne albo duży nagłówek. Dobry wynik to 2,5 s lub mniej, słaby to powyżej 4 s (źródło).
- INP (Interaction to Next Paint): jak długo strona „myśli" po kliknięciu, dotknięciu lub naciśnięciu klawisza. Dobry wynik to 200 ms lub mniej, słaby to powyżej 500 ms (źródło). INP zastąpił wcześniejszy wskaźnik FID.
- CLS (Cumulative Layout Shift): ile elementów przesuwa się niespodziewanie. Dobry wynik to 0,1 lub mniej, słaby to powyżej 0,25 (źródło).
| Wskaźnik | Co mierzy | Dobry | Wymaga poprawy | Słaby |
|---|---|---|---|---|
| LCP | pojawienie się głównej treści | do 2,5 s | 2,5 do 4 s | powyżej 4 s |
| INP | reakcja na kliknięcie | do 200 ms | 200 do 500 ms | powyżej 500 ms |
| CLS | stabilność układu | do 0,1 | 0,1 do 0,25 | powyżej 0,25 |
Z praktyki: CLS łatwo zauważyć gołym okiem. Chcesz kliknąć „Zadzwoń", a w tej chwili nad przyciskiem doładowuje się baner i trafiasz w coś innego. Zwykle winne są obrazy bez ustawionych wymiarów albo okno cookies wskakujące z opóźnieniem.
Jak sprawdzić szybkość strony internetowej krok po kroku
- Wejdź na stronę PageSpeed Insights od Google i wklej adres swojej strony głównej.
- Poczekaj na wynik i przełącz widok na telefon, bo większość klientów lokalnych firm wchodzi z komórki.
- Sprawdź osobno ważne podstrony: ofertę, kontakt, stronę, na którą prowadzisz reklamy.
- Zapisz wyniki przed zmianami, żeby po poprawkach zobaczyć różnicę.
Nie ufaj jednemu pomiarowi. Wynik potrafi się wahać, więc zrób dwa lub trzy podejścia.
Przy czytaniu raportu pomagają trzy proste pytania. Czy wskaźniki z terenu są w zielonym zakresie? Jeśli tak, nie ma pilnej sprawy. Który z trzech wskaźników odstaje? To wskazuje kierunek poprawek. Czy lista zaleceń w laboratorium pokrywa się z tym, co widzisz gołym okiem na telefonie? Jeśli tak, masz konkretny plan, jeśli nie, szukaj przyczyny w tym, co dzieje się dopiero po kliknięciu.
Dane z terenu a dane z laboratorium
To najczęstsze nieporozumienie. PageSpeed Insights pokazuje dwa rodzaje danych (dokumentacja Google):
- Dane z terenu (field data): anonimowe pomiary prawdziwych użytkowników Chrome, zbierane w raporcie CrUX. To one pokazują, jak strona działa naprawdę.
- Dane z laboratorium (lab data): symulacja wykonana narzędziem Lighthouse w kontrolowanych warunkach. Dobrze nadaje się do szukania przyczyn, ale może nie oddawać realnych problemów.
Obie wartości dotyczą okresu ostatnich 28 dni. Jeśli strona ma mało odwiedzin, danych z terenu może w ogóle nie być. Wtedy opieraj się na laboratorium i testuj kolejne zmiany.
Wynik z terenu mówi, jak jest naprawdę. Wynik z laboratorium pomaga znaleźć konkretną winę. Rozbieżność między nimi nie jest błędem, bo mierzą co innego.
Najczęstsze przyczyny wolnej strony
Z mojego doświadczenia w małych firmach powtarza się kilka rzeczy.
Obrazy. Zdjęcie prosto z aparatu lub telefonu wrzucone na stronę bez zmniejszenia to klasyk. Często wystarczy zmienić rozmiar i format na nowoczesny (WebP lub AVIF) oraz włączyć ładowanie obrazów dopiero przy przewijaniu. Zdjęcie na samej górze strony (to zwykle ono jest LCP) nie powinno jednak być ładowane z opóźnieniem.
Wtyczki i dodatki. Każda dokłada kod. Kreator stron, suwak, animacje, pięć wtyczek do formularzy. Usuń to, czego nie używasz, a podobne funkcje połącz w jedną.
Skrypty zewnętrzne. Czat, piksele reklamowe, mapy, filmy osadzone na starcie, narzędzia analityczne. Każdy to dodatkowe zapytanie do cudzego serwera. Pytanie kontrolne: czy ten skrypt naprawdę przynosi mi klientów? Jeśli nie umiesz odpowiedzieć, wyłącz go na próbę i zmierz stronę ponownie.
Elementy wczytywane od razu. Wideo w tle, karuzela z dziesięcioma zdjęciami, kilka czcionek z zewnętrznych serwerów. Wygląda efektownie, ale wydłuża pojawienie się treści. Często wystarczy jedno dobre zdjęcie i jedna czcionka.
Hosting. Tani, przeciążony serwer odpowiada wolno, a żadna optymalizacja tego nie nadrobi. Objawem jest długi czas oczekiwania na pierwszą odpowiedź serwera.
Brak pamięci podręcznej (cache). Strona generowana od zera przy każdej wizycie obciąża serwer. Dobra konfiguracja cache potrafi to mocno poprawić.
Z praktyki: Nie zaczynaj od kupowania droższego hostingu. Najpierw zmniejsz obrazy i wyczyść wtyczki. To często daje największy efekt najmniejszym kosztem.
Co poprawiać najpierw
Kolejność ma znaczenie. Idź od rzeczy, które dają najwięcej przy najmniejszym wysiłku.
- Zmniejsz i skonwertuj obrazy, zwłaszcza zdjęcie na górze strony.
- Ustaw wymiary obrazów i miejsce na banery, żeby nic nie skakało (CLS).
- Usuń nieużywane wtyczki i skrypty zewnętrzne.
- Włącz cache i sprawdź, czy hosting nie jest wąskim gardłem.
- Zmierz ponownie i porównaj z zapisanym wynikiem.
Czasem problem leży głębiej, w samej konstrukcji strony. Gotowy motyw z kreatorem, który ładuje setki kilobajtów kodu, trudno odchudzić. Wtedy warto rozważyć inne podejście. O różnicach piszę w tekście WordPress czy React, a o kosztach w wpisie ile kosztuje strona internetowa.
Pamiętaj, że wynik 100 punktów nie jest celem samym w sobie. Liczy się, żeby klient szybko zobaczył to, po co przyszedł, i bez problemu kliknął. Zielone wskaźniki Core Web Vitals w danych z terenu są sensownym celem. Po każdej poprawce mierz od nowa, bo czasem jedna zmiana psuje inną, na przykład zbyt mocna kompresja psuje jakość zdjęć, a nowa wtyczka cache koliduje z formularzem.
Od czego zacząć
- Dziś wklej adres strony do PageSpeed Insights i zapisz wyniki dla telefonu.
- Zobacz, który ze wskaźników (LCP, INP, CLS) jest poza zielonym zakresem.
- Zacznij od obrazów i wtyczek, to zwykle najszybsza poprawa.
- Po zmianach zmierz stronę ponownie po kilku dniach.
- Jeśli wynik nadal jest słaby albo nie wiesz, co oznaczają zalecenia, poproś o przegląd.
Przygotowuję i poprawiam strony internetowe dla małych firm, także pod kątem szybkości. Jeśli chcesz, żebym spojrzał na Twoją stronę i powiedział, co realnie warto poprawić, napisz do mnie. Bez zobowiązań.
Najczęstsze pytania
Jakie są dobre wartości Core Web Vitals?
Wg web.dev dobry wynik to LCP do 2,5 s, INP do 200 ms i CLS do 0,1. Oceniane jest 75. percentyl wizyt, osobno dla telefonów i komputerów.
Dlaczego PageSpeed Insights pokazuje dwa różne wyniki?
Jeden to dane z terenu, czyli pomiary prawdziwych użytkowników Chrome (CrUX). Drugi to symulacja laboratoryjna Lighthouse. Mierzą co innego, więc mogą się różnić.
Co najczęściej spowalnia małą stronę firmową?
Zwykle za duże obrazy, nadmiar wtyczek i skryptów zewnętrznych, brak pamięci podręcznej oraz słaby hosting. Zacznij od obrazów i wtyczek.
Czy wynik 100 punktów jest konieczny?
Nie. Ważniejsze, żeby wskaźniki Core Web Vitals w danych z terenu mieściły się w dobrym zakresie, a klient szybko widział treść i mógł kliknąć.
Dlaczego mam brak danych z terenu?
Dane z terenu pochodzą z raportu CrUX i wymagają odpowiednio dużej liczby wizyt. Przy małym ruchu mogą się nie pojawić, wtedy opieraj się na danych z laboratorium.
Źródła
Autor
Piotr Babczyński
Pomagam firmom ze Szczecina i całej Polski zdobywać klientów z internetu: SEO, reklamy Google i Meta, automatyzacje i wdrożenia AI. Piszę o tym, co sprawdzam na realnych projektach.
- 30 lat w IT
- SEO i Google Ads
- Wdrożenia AI
- #szybkość strony
- #Core Web Vitals
- #PageSpeed
- #optymalizacja
