Szybkość strony i Core Web Vitals: co sprawdzić i jak poprawić

Jeśli strona ładuje się dłużej niż trzy sekundy, spora część odwiedzających z telefonów po prostu ją zamyka. Google od lat uwzględnia szybkość w rankingu i ocenia ją za pomocą trzech wskaźników, nazywanych Core Web Vitals.

Trzy kluczowe wskaźniki

• LCP (Largest Contentful Paint) – czas pojawienia się największego elementu pierwszego ekranu: zdjęcia, banera, nagłówka. Dobry wynik to do 2,5 sekundy.
• INP (Interaction to Next Paint) – jak szybko strona reaguje na kliknięcia i dotknięcia. Norma to do 200 milisekund.
• CLS (Cumulative Layout Shift) – przesunięcia układu podczas ładowania. Jeśli przycisk „ucieka” spod palca, wskaźnik rośnie, a użytkownik się irytuje.

Gdzie sprawdzić dane

PageSpeed Insights pokazuje dwie oceny: laboratoryjną i terenową. Kieruj się terenową – to dane rzeczywistych użytkowników Chrome z ostatnich 28 dni. W Google Search Console znajdziesz raport Core Web Vitals dla całej witryny: grupuje podstrony z podobnymi problemami, więc od razu widać, co naprawiać w pierwszej kolejności.

Co najczęściej spowalnia stronę

• Zdjęcia w PNG i JPG ważące po kilkaset kilobajtów i bez podanych wymiarów.
• Widżety czatów, kanały z mediów społecznościowych i liczniki ładowane razem z pierwszym ekranem.
• Fonty internetowe, przez które tekst pojawia się z opóźnieniem.
• Brak kompresji i cache po stronie serwera, słaby hosting.

Poprawki o największym efekcie

Przekonwertuj obrazy do WebP lub AVIF i serwuj różne rozmiary przez srcset. Podawaj szerokość i wysokość wszystkich obrazów – to niemal całkowicie usuwa przesunięcia układu. Główny obraz pierwszego ekranu ładuj z preload, a wszystko poniżej – leniwie. Włącz kompresję Brotli i cache stron na serwerze. Przejrzyj skrypty zewnętrzne: często połowa z nich nie jest już nikomu potrzebna.

Szybkość zaczyna się od kodowania

Większość problemów powstaje już na etapie kodowania: zbędne biblioteki, ciężkie animacje, wideo w tle. Naprawianie ich po starcie kosztuje więcej niż zrobienie tego dobrze od początku. Dlatego w naszych projektach sprawdzamy Core Web Vitals przed oddaniem strony, a nie po spadku ruchu.

Monitoruj po starcie

Szybkość to nie jednorazowe osiągnięcie. Nowe banery, wtyczki i skrypty analityczne stopniowo spowalniają nawet dobrze zrobioną stronę. Raz na kwartał sprawdzaj najważniejsze podstrony i raport w Search Console.

Jeśli Twoja strona wolno działa na telefonie, przeprowadzimy audyt i optymalizację. Więcej o naszym podejściu na stronie kodowania stron.