Procedura diagnostyczna
Kompletny audyt Core Web Vitals
Jak przeprowadzić pełny audyt i poprawić wszystkie metryki
Czym są Core Web Vitals?
Core Web Vitals to trzy kluczowe metryki wydajności strony, które Google używa do oceny doświadczenia użytkownika:
- LCP (Largest Contentful Paint): Szybkość ładowania głównej treści (cel: < 2.5s)
- FID (First Input Delay): Czas reakcji na interakcję użytkownika (cel: < 100ms)
- CLS (Cumulative Layout Shift): Stabilność wizualna strony (cel: < 0.1)
Krok 1: Zmierz aktualne wartości
1.1 PageSpeed Insights
- Wejdź na PageSpeed Insights
- Wpisz URL swojej strony
- Zapisz wartości LCP, FID (lub INP), CLS
- Sprawdź, które metryki są w czerwonej strefie
1.2 Chrome DevTools
- Otwórz Chrome DevTools (F12)
- Przejdź do zakładki "Lighthouse"
- Wybierz "Performance" i uruchom audyt
- Sprawdź sekcję "Core Web Vitals" w wynikach
1.3 Google Search Console
- Wejdź do Google Search Console
- Przejdź do "Core Web Vitals"
- Sprawdź raport dla urządzeń mobilnych i desktopowych
- Zidentyfikuj strony z problemami
Krok 2: Analiza i priorytetyzacja
Po zmierzeniu wartości, określ priorytety naprawy:
- Najpierw LCP: To najważniejsza metryka, wpływa bezpośrednio na SEO
- Potem CLS: Wpływa na doświadczenie użytkownika
- Na końcu FID/INP: Ważne, ale często łatwiejsze do naprawy
Krok 3: Wdrożenie poprawek
Dla LCP:
- Optymalizuj obrazy (WebP, kompresja, odpowiednie wymiary)
- Włącz lazy loading
- Popraw TTFB (szybszy hosting, CDN)
- Usuń render-blocking zasoby
Dla CLS:
- Dodaj wymiary (width/height) do obrazów i video
- Unikaj wstawiania treści powyżej istniejącej treści
- Użyj font-display: swap dla fontów
- Unikaj animacji, które zmieniają layout
Dla FID/INP:
- Zmniejsz czas wykonywania JavaScript
- Użyj code splitting
- Defer lub async dla niekrytycznych skryptów
- Optymalizuj event listeners
Weryfikacja wyników
- Poczekaj 24-48 godzin po wprowadzeniu zmian
- Sprawdź ponownie w PageSpeed Insights
- Monitoruj w Google Search Console przez tydzień
- Upewnij się, że wszystkie metryki są w zielonej strefie