Core Web Vitals

Core Web Vitals to zestaw metryk wydajności, które Google używa jako sygnał rankingowy od 2021 roku. Trzy kluczowe metryki to LCP (Largest Contentful Paint) — czas ładowania głównej treści, INP (Interaction to Next Paint) — responsywność interakcji użytkownika oraz CLS (Cumulative Layout Shift) — stabilność wizualna layoutu.

Strony z dobrymi Core Web Vitals mają przewagę w wynikach wyszukiwania, niższy współczynnik odrzuceń i wyższy współczynnik konwersji. Badania pokazują, że każda sekunda opóźnienia ładowania obniża konwersję o 7%. W Polsce wielu właścicieli stron nie monitoruje tych metryk.

ResQode Intelligence mierzy Core Web Vitals w kontrolowanym środowisku Playwright, symulując realne warunki ładowania. Raport zawiera LCP, CLS, TTFB, DOM Content Loaded i Load Complete z oceną good/needs-improvement/poor według progów Google.

LCP (Largest Contentful Paint) mierzy czas wyświetlenia największego elementu treści. Próg „good" to poniżej 2.5s. CLS (Cumulative Layout Shift) mierzy nieoczekiwane przesunięcia layoutu — próg good to poniżej 0.1. TTFB (Time to First Byte) wskazuje szybkość odpowiedzi serwera.

Moduł identyfikuje zasoby blokujące renderowanie, brak optymalizacji obrazów, render-blocking CSS/JS oraz problemy z fontami webowymi. Wykrywa brak lazy loading, nieoptymalne rozmiary obrazów i zbyt duże bundle JavaScript.

Raport Core Web Vitals zawiera rekomendacje priorytetyzowane według wpływu na metryki. Połącz z modułem SEO — wydajność to bezpośredni czynnik rankingowy Google.

LCP mierzy czas od rozpoczęcia ładowania strony do wyrenderowania największego elementu treści w viewport. Typowe elementy LCP: hero image, wideo, duży blok tekstu, tło CSS. Próg Google: good <2.5s, needs improvement 2.5-4.0s, poor >4.0s.

Najskuteczniejsze optymalizacje LCP: preload hero image (<link rel="preload">), format WebP/AVIF zamiast JPEG/PNG, CDN dla statycznych zasobów, eliminacja render-blocking CSS/JS, server-side rendering dla above-the-fold content. Każda optymalizacja może skrócić LCP o 0.5-1.5s.

Audyt Core Web Vitals ResQode identyfikuje element LCP, jego rozmiar, format i czas ładowania. Raport zawiera priorytetyzowane rekomendacje z szacowanym wpływem na LCP. Artykuły w bazie wiedzy opisują implementację dla WordPress, React i statycznych generatorów.

Cumulative Layout Shift mierzy nieoczekiwane przesunięcia elementów podczas ładowania strony. Użytkownik klika w przycisk, który przesuwa się pod reklamę — to frustrujące doświadczenie obniżające konwersję. Google penalizuje strony z CLS >0.1 w rankingach.

Typowe źródła CLS: obrazy bez atrybutów width/height, reklamy i embedy bez zarezerwowanego miejsca, fonty webowe powodujące FOIT/FOUT, dynamicznie wstawiana treść (cookie banner, notification bar). Każde źródło CLS jest identyfikowane w audycie z instrukcją naprawy.

Fix CLS: zawsze ustaw width i height na img (lub aspect-ratio w CSS), rezerwuj miejsce na reklamy (min-height), używaj font-display: swap z preload fontów, unikaj wstawiania treści nad istniejącą bez animacji. Proste fixy często redukują CLS do zera.

INP (Interaction to Next Paint) zastąpił FID jako trzecia metryka Core Web Vitals w 2024 roku. Mierzy responsywność strony na interakcje użytkownika — kliknięcia, tapnięcia, naciśnięcia klawiszy. Próg good: <200ms. Wysoki INP wynika z długich tasków JavaScript blokujących main thread.

TTFB (Time to First Byte) mierzy czas odpowiedzi serwera — od request do pierwszego bajtu HTML. TTFB >800ms wskazuje na problemy serwera: brak cache, wolne zapytania do bazy, brak CDN, słaby hosting. TTFB wpływa na wszystkie pozostałe metryki — wolny serwer = wolny LCP.

Audyt Core Web Vitals mierzy INP, TTFB, DOM Content Loaded i Load Complete w kontrolowanym środowisku Playwright. Raport identyfikuje long tasks JS, render-blocking resources i problemy serwera. Połącz z modułem Security — wolny hosting często koreluje z brakiem CDN i HSTS.