Core Web Vitals to zestaw trzech wskaźników, którymi Google mierzy jakość doświadczenia użytkownika na stronie: LCP (czas wyświetlenia największego elementu), INP (czas reakcji strony na działanie użytkownika) i CLS (stabilność układu podczas ładowania). Są potwierdzonym czynnikiem rankingowym, ale ich prawdziwe znaczenie leży gdzie indziej — wolna strona traci klientów, zanim ktokolwiek zobaczy jej ofertę.
Wynik w PageSpeed to nie to samo co realna szybkość
To rozróżnienie decyduje o sensowności całego projektu, więc omawiamy je na początku każdej współpracy.
Narzędzie PageSpeed Insights pokazuje dwie rzeczy naraz. Wynik punktowy pochodzi z pomiaru laboratoryjnego: jednorazowego uruchomienia strony w symulowanych warunkach. Jest przydatny do diagnozy, ale bardzo zmienny i łatwy do poprawienia zabiegami, które nie zmieniają nic dla użytkownika.
Powyżej wyniku znajdują się dane terenowe z Chrome UX Report — zebrane od realnych osób odwiedzających Twoją stronę na ich urządzeniach i łączach. To one decydują o ocenie w wyszukiwarce i to je traktujemy jako miarę sukcesu. Ich aktualizacja obejmuje 28-dniowe okno, więc efekty wdrożenia widać z opóźnieniem, nawet gdy poprawa jest natychmiastowa.
Praktyczny wniosek: jeśli ktoś obiecuje określony wynik punktowy w kilka dni, mówi o pomiarze laboratoryjnym, a nie o doświadczeniu Twoich klientów.
Co robimy
Diagnoza na danych realnych użytkowników
Zaczynamy od danych terenowych w podziale na typy podstron i urządzenia. Interesuje nas nie średnia, tylko rozkład — bardzo często problem dotyczy wyłącznie użytkowników mobilnych na jednym szablonie, na przykład kartach produktów, i ginie w uśrednionym wyniku.
LCP — czas do wyświetlenia treści
Najczęstsze przyczyny to nieoptymalizowane obrazy w sekcji widocznej po wejściu, powolna odpowiedź serwera, blokujące zasoby CSS i fonty ładowane w sposób opóźniający renderowanie. Pracujemy nad formatami i rozmiarami obrazów, priorytetami ładowania, cache'owaniem, konfiguracją CDN i kolejnością zasobów krytycznych.
INP — responsywność strony
Ten wskaźnik zastąpił dawne FID i jest wyraźnie trudniejszy do poprawienia, bo mierzy reakcję na każdą interakcję w całej sesji. Główny podejrzany to nadmiar JavaScriptu — skrypty zewnętrzne, narzędzia analityczne, czaty, banery zgód i wtyczki dokładane latami. Redukujemy, dzielimy i odraczamy kod, a przy nadmiarze narzędzi zewnętrznych po prostu wskazujemy, co warto usunąć.
CLS — stabilność układu
Przeskakujące treści wynikają zwykle z braku zarezerwowanego miejsca na obrazy i osadzone elementy, z fontów podmienianych po załadowaniu oraz z banerów wstawianych nad istniejącą treścią. To najczęściej najtańszy do naprawienia wskaźnik z całej trójki.
Weryfikacja
Po wdrożeniu monitorujemy dane terenowe do momentu, w którym 28-dniowe okno obejmie okres po zmianach. Dopiero wtedy mówimy o wyniku — wcześniejsze raportowanie sukcesu na podstawie pomiaru laboratoryjnego jest mylące.
Kiedy optymalizacja ma sufit
Bywa, że architektura serwisu ogranicza to, co da się osiągnąć bez zmian fundamentalnych: przeładowany motyw, kilkanaście wtyczek realizujących nachodzące na siebie funkcje, hosting o niewystarczających parametrach, front-end zbudowany bez myśli o wydajności. Mówimy o tym wprost — czasem uczciwą rekomendacją jest przebudowa serwisu albo migracja na inny system, a nie kolejna warstwa optymalizacji na istniejącym fundamencie.
Dlaczego to się opłaca poza SEO
Wydajność jest jednym z niewielu obszarów, w których jedna zmiana poprawia kilka rzeczy naraz. Wpływa na pozycje w wyszukiwarce, ale przede wszystkim na to, ilu użytkowników w ogóle doczeka końca ładowania — a to bezpośrednio przekłada się na koszt pozyskania klienta z kampanii płatnych i na skuteczność mierzoną w projektach optymalizacji konwersji. W sklepach internetowych efekt jest najbardziej wyraźny, bo dotyczy każdego kroku ścieżki zakupowej — piszemy o tym przy usłudze e-commerce.
Co wpływa na zakres projektu
Zakres zależy od: liczby typów szablonów wymagających optymalizacji, technologii serwisu i możliwości ingerencji w kod, liczby narzędzi zewnętrznych działających na stronie, parametrów hostingu oraz tego, czy wdrożenie wykonujemy my, czy zespół techniczny klienta.
Najczęściej zadawane pytania
Tak, Google potwierdza, że są elementem oceny strony. Warto jednak zachować proporcje: to czynnik o umiarkowanej wadze, który rzadko przeważa nad trafnością treści. Największe znaczenie ma tam, gdzie kilka stron konkuruje o tę samą frazę z porównywalną jakością materiału — wtedy doświadczenie użytkownika bywa językiem, w którym rozstrzyga się różnica.
Same prace wdrożeniowe to zwykle 2–6 tygodni, zależnie od złożoności serwisu. Potwierdzenie efektu w danych terenowych wymaga jednak dodatkowych 4–8 tygodni, ponieważ Chrome UX Report agreguje dane z 28-dniowego okna. Zmiana widoczna w pomiarze laboratoryjnym pojawia się od razu, ale to nie ona decyduje o ocenie.
Technicznie tak, ale to zły cel. Osiągnięcie maksymalnego wyniku wymaga zwykle usunięcia narzędzi, które firma realnie wykorzystuje — analityki, czatu, systemu zgód, pikseli reklamowych. Celem jest utrzymanie wszystkich trzech wskaźników w progach „dobrych" dla realnych użytkowników przy zachowaniu funkcji, na których zależy biznesowi.
Zwykle tak, choć zakres pracy bywa większy niż sama optymalizacja. Zaczynamy od audytu wtyczek: co realnie jest używane, co dubluje funkcje, co ładuje zasoby na wszystkich podstronach mimo działania na jednej. Bardzo często największy skok daje uporządkowanie tej warstwy, a nie zmiany w kodzie motywu. Jeśli fundament jest zbyt słaby, powiemy to zamiast sprzedawać kolejne iteracje.
Nie powinna. Pracujemy nad sposobem dostarczania zasobów, a nie nad projektem graficznym. Wyjątkiem bywają elementy, które z natury kosztują dużo — ciężkie animacje, wideo w tle, zestawy fontów w wielu odmianach. W takich przypadkach przedstawiamy wybór: konkretny element w zamian za konkretną poprawę wskaźnika, decyzję zostawiając klientowi.
Tak. Audyt wydajności z listą rekomendacji uporządkowanych według wpływu i trudności wdrożenia to samodzielna usługa. Bywa dobrym rozwiązaniem dla firm z własnym zespołem deweloperskim — dostają priorytety i konkretne wskazania, a wdrożenie realizują samodzielnie.