Szybkość strony i Core Web Vitals – dlaczego to ważne dla SEO

Użytkownik, który kliknie w wynik wyszukiwania i przez kilka sekund widzi białą stronę, zwykle wraca do Google i wybiera kolejną firmę. Szybkość strony wpływa więc bezpośrednio na liczbę zapytań i sprzedaż. Google od lat uwzględnia ją także w ocenie jakości stron, a do jej pomiaru używa zestawu wskaźników Core Web Vitals. W tym artykule wyjaśniamy, czym są te wskaźniki, co najczęściej spowalnia strony firmowe i jak samodzielnie sprawdzić, czy Twoja witryna wymaga poprawy.

Dlaczego szybkość strony ma znaczenie?

Liczą się dwa punkty widzenia. Pierwszy to klient – szczególnie na telefonie, przy słabszym zasięgu, każda dodatkowa sekunda ładowania zwiększa szansę, że zrezygnuje. Drugi to Google, który chce kierować użytkowników do stron dających dobre doświadczenia. Szybkość nie jest jedynym czynnikiem rankingowym – najważniejsza pozostaje wartościowa treść – ale przy podobnej jakości treści może przechylić szalę. Co równie ważne, szybka strona po prostu lepiej konwertuje: łatwiej w niej znaleźć numer telefonu czy wypełnić formularz.

Core Web Vitals – trzy kluczowe wskaźniki

Core Web Vitals to zestaw metryk opisujących, jak użytkownik odczuwa ładowanie i działanie strony. Obecnie składają się na niego trzy wskaźniki.

LCP – Largest Contentful Paint

LCP mierzy, po jakim czasie wyświetla się największy widoczny element na ekranie, najczęściej główne zdjęcie, baner lub duży nagłówek. Google uznaje za dobry wynik poniżej 2,5 sekundy. Najczęstsze przyczyny słabego LCP to zbyt duże obrazy, wolny serwer i skrypty blokujące wyświetlanie strony.

INP – Interaction to Next Paint

INP ocenia, jak szybko strona reaguje na działania użytkownika: kliknięcia, dotknięcia, wpisywanie tekstu. W marcu 2024 roku zastąpił wcześniejszy wskaźnik FID (First Input Delay), który mierzył wyłącznie opóźnienie pierwszej interakcji. INP bierze pod uwagę interakcje podczas całej wizyty, więc lepiej oddaje rzeczywiste odczucia. Dobry wynik to poniżej 200 milisekund. Na INP negatywnie wpływa przede wszystkim ciężki JavaScript – rozbudowane wtyczki, skrypty śledzące i efekty wizualne.

CLS – Cumulative Layout Shift

CLS mierzy stabilność układu strony, czyli to, czy elementy „skaczą” w trakcie ładowania. Każdy zna sytuację, w której chce kliknąć przycisk, a w ostatniej chwili przesuwa się on w dół, bo nad nim pojawił się baner. Dobry wynik CLS to poniżej 0,1. Przyczyną są zwykle obrazy bez określonych wymiarów, późno ładowane reklamy, banery cookies wstawiane nad treścią i czcionki zmieniające rozmiar tekstu.

Optymalizacja obrazów – największy i najprostszy zysk

W wielu stronach firmowych to właśnie zdjęcia odpowiadają za większość danych do pobrania. Kilka zasad, które zwykle przynoszą wyraźną poprawę:

• Nowoczesne formaty – WebP i AVIF zapewniają znacznie mniejszy rozmiar plików niż JPEG czy PNG przy porównywalnej jakości.
• Właściwe wymiary – nie ma sensu wysyłać zdjęcia o szerokości kilku tysięcy pikseli, jeśli na ekranie zajmuje kilkaset. Atrybut srcset pozwala przeglądarce wybrać wersję dopasowaną do urządzenia.
• Określone szerokość i wysokość – dzięki temu przeglądarka rezerwuje miejsce na obraz i układ strony się nie przesuwa.
• Leniwe ładowanie (lazy loading) – obrazy poniżej pierwszego ekranu ładują się dopiero, gdy użytkownik do nich przewinie. Uwaga: głównego obrazu na górze strony nie należy ładować leniwie, bo pogarsza to LCP.

Cache, kompresja i porządek w kodzie

Kolejnym obszarem jest sposób, w jaki serwer dostarcza pliki. Warto zadbać o:

• kompresję plików tekstowych (HTML, CSS, JavaScript) algorytmem Brotli lub Gzip,
• cache przeglądarki – pliki statyczne, takie jak style, skrypty i obrazy, mogą być przechowywane lokalnie, dzięki czemu kolejne wizyty są dużo szybsze,
• cache po stronie serwera – w systemach takich jak WordPress gotowe strony mogą być serwowane bez generowania ich za każdym razem od nowa,
• ograniczenie wtyczek i skryptów zewnętrznych – każdy czat, widżet czy dodatkowy kod śledzący to kolejne zapytania i obciążenie,
• ładowanie czcionek w rozsądnej liczbie wariantów i z odpowiednią strategią wyświetlania.

Mniej ciężkich animacji na telefonach

Efektowne animacje, filmy w tle i rozbudowane slidery dobrze wyglądają na prezentacji projektu, ale na przeciętnym smartfonie potrafią znacząco spowolnić stronę i pogorszyć INP. Dobrą praktyką jest upraszczanie efektów w wersji mobilnej, zastępowanie wideo w tle statycznym obrazem i rezygnacja z sliderów na rzecz jednego mocnego zdjęcia z jasnym komunikatem. Warto też uszanować ustawienie systemowe ograniczające ruch, z którego korzystają niektórzy użytkownicy.

Hosting – fundament szybkiej strony

Nawet najlepiej zoptymalizowany kod nie pomoże, jeśli serwer odpowiada wolno. Przy wyborze hostingu zwróć uwagę na lokalizację serwerów (dla polskich klientów najlepiej w Polsce lub w Europie), obsługę aktualnych wersji PHP i protokołu HTTP/2 lub HTTP/3, certyfikat SSL oraz dyski SSD/NVMe. Przy większym ruchu lub odbiorcach z różnych krajów pomocna bywa także sieć CDN.

Jak zmierzyć szybkość strony?

PageSpeed Insights

Bezpłatne narzędzie Google dostępne pod adresem pagespeed.web.dev. Po wpisaniu adresu pokazuje dwa rodzaje danych: dane z rzeczywistych wizyt (o ile strona ma wystarczający ruch) oraz test laboratoryjny z listą konkretnych zaleceń. Warto sprawdzić osobno wersję mobilną i komputerową, a także kilka różnych podstron, nie tylko stronę główną.

Google Search Console

W raporcie „Podstawowe wskaźniki internetowe” Search Console grupuje adresy z problemami według rodzaju błędu, np. zbyt długi LCP na urządzeniach mobilnych. Dzięki temu łatwo zobaczyć, które szablony stron wymagają poprawy. Po wprowadzeniu zmian można poprosić o weryfikację naprawy, a raport zaktualizuje się na podstawie nowych danych z kolejnych tygodni.

Pamiętaj, że wynik punktowy w teście laboratoryjnym to wskazówka, a nie cel sam w sobie. Najważniejsze są dane z rzeczywistych wizyt i to, czy strona jest wygodna dla Twoich klientów.

Szybkie strony w CSAFE

Projektując strony internetowe, od początku dbamy o wydajność: optymalizujemy obrazy, ograniczamy zbędne skrypty i testujemy serwis na telefonach. Wykonujemy także audyty istniejących stron i wdrażamy poprawki. Więcej informacji znajdziesz na stronie tworzenia stron internetowych, a przykładowe realizacje w naszym portfolio.

CSAFE działa w Bielsku-Białej i okolicach – obsługujemy m.in. Żywiec, Kęty, Andrychów, Skoczów, Czechowice-Dziedzice, Pszczynę, Cieszyn i Oświęcim. Sprawdzimy szybkość Twojej strony, wskażemy, co ją spowalnia, i przygotujemy plan poprawy Core Web Vitals. Wycena jest bezpłatna – zadzwoń pod numer 505 298 048 lub napisz przez formularz kontaktowy.