Co to są Core Web Vitals?
Core Web Vitals to zestaw trzech wskaźników wydajności, które Google oficjalnie włączyło do algorytmu rankingowego w maju 2021 roku. Mierzą one trzy kluczowe aspekty doświadczenia użytkownika na stronie: ładowanie, interaktywność i stabilność wizualną.
Mówiąc prościej — Google patrzy na to, jak szybko strona się ładuje, jak reaguje na kliknięcia i czy "skacze" podczas wczytywania. Jeśli Twoja strona jest w tych aspektach słaba, Google po prostu pokazuje ją niżej w wynikach wyszukiwania.
Gdzie sprawdzić swoje wyniki? Wejdź na pagespeed.web.dev, wpisz adres swojej strony i kliknij "Analizuj". Google pokaże Ci szczegółowy raport z oceną każdego wskaźnika.
Główne przyczyny wolnej strony
W 90% przypadków wolna strona to efekt kilku powtarzających się błędów. Oto te najczęstsze, z którymi stykamy się na co dzień przy audytach stron klientów.
1. Nieskompresowane i za duże zdjęcia
To najczęstszy powód złego LCP. Plik JPEG o wadze 4 MB bezpośrednio wstawiony na stronę pobiera się nawet 10–20 sekund na słabszym połączeniu mobilnym. Każde zdjęcie powinno ważyć maksymalnie 100–150 KB i być zapisane w nowoczesnym formacie WebP lub AVIF.
2. Zbyt dużo skryptów i wtyczek (WordPress)
Strony oparte o WordPress z 20–30 wtyczkami wczytują dziesiątki osobnych plików JS i CSS przy każdym odświeżeniu. Każdy plik to osobne żądanie do serwera. Im więcej żądań, tym wolniej. Dedykowany kod HTML/CSS nie ma tego problemu — ładuje się jako jeden lekki plik.
3. Słaby hosting
Tani hosting współdzielony za 30 zł/rok dzieli zasoby serwera pomiędzy setki innych stron. W godzinach szczytu serwer jest przeciążony i Twoja strona odpowiada po 2–3 sekundy, zanim przeglądarka w ogóle zacznie pobierać pliki. To tzw. TTFB (Time to First Byte) — wskaźnik, który Google również bierze pod uwagę.
4. Brak cache i CDN
Każde wejście na stronę generuje pełne żądanie do serwera. Bez mechanizmu cache przeglądarka pobiera wszystko od zera przy każdej wizycie. Dobrze skonfigurowane cache może zmniejszyć czas ładowania nawet o 60–70%.
5. Render-blocking resources (blokujące ładowanie)
Skrypty JS i pliki CSS wstawione w sekcji <head> bez atrybutu defer lub async blokują renderowanie strony. Przeglądarka czeka na pobranie i wykonanie skryptu zanim wyrysuje cokolwiek użytkownikowi na ekranie.
Jak zmierzyć i naprawić problemy?
Diagnoza to pierwszy krok. Oto konkretne narzędzia, których warto użyć:
-
Google PageSpeed Insights — darmowe, pokazuje Core Web Vitals zarówno dla mobile, jak i desktop. Podaje konkretne wskazówki co naprawić.
-
GTmetrix — szczegółowy waterfall (wodospad ładowania), widać dokładnie który plik najbardziej spowalnia stronę.
-
Chrome DevTools → Lighthouse — wbudowane w przeglądarkę, pozwala testować lokalnie bez konieczności publikacji zmian.
-
Google Search Console → Core Web Vitals — pokazuje dane z prawdziwych użytkowników Twojej strony (dane polowe, nie laboratoryjne).
Dedykowany kod vs. WordPress — skąd różnica?
To pytanie, które słyszymy od klientów najczęściej. Odpowiedź jest prosta: WordPress to platforma stworzona dla każdego, co oznacza, że musi obsługiwać tysiące różnych scenariuszy. To generuje narzut kodu, który jest niepotrzebny w 90% przypadków.
Strona pisana ręcznie w czystym HTML, CSS i minimalnym JavaScript ładuje się jak bolid F1 — tylko to, co potrzebne, zero śmieci. Poniżej typowe porównanie, które widzimy po migracji klientów:
Rozmiar strony: 2–6 MB
Żądania HTTP: 60–120+
Wtyczki: 15–35
Rozmiar strony: 80–300 KB
Żądania HTTP: 5–15
Wtyczki: 0
5 rzeczy, które możesz zrobić dziś
Nie każda optymalizacja wymaga programisty. Oto lista rzeczy, które możesz wdrożyć samodzielnie:
- Skompresuj wszystkie zdjęcia — użyj darmowego narzędzia Squoosh.app lub TinyPNG. Konwertuj do formatu WebP.
- Przejdź na szybszy hosting — sprawdź oferty LH.pl, Cloudhosting lub Hetzner. Różnica w TTFB jest natychmiastowa.
- Włącz cache — w cPanel zaznacz opcję LiteSpeed Cache lub zainstaluj plugin W3 Total Cache (WordPress).
- Usuń nieużywane wtyczki — każda zbędna wtyczka to dodatkowy kod. Mniej znaczy szybciej.
- Dodaj atrybut
loading="lazy"do zdjęć — obrazy poza ekranem ładują się dopiero gdy użytkownik do nich przewinie.
Polecany hosting — szybsza strona od pierwszego dnia
Nawet najlepiej zoptymalizowany kod nie będzie działał szybko na słabym serwerze. Od lat korzystamy z LH.pl — gwarantuje błyskawiczny czas reakcji (TTFB), dyski NVMe i niezawodne wsparcie. Zmień serwer na szybszy i sprawdź różnicę.
Twój kod rabatowy -20% na pierwszy rok: LH-webmaker
Pamiętaj: Poprawki na istniejącej, wolnej stronie to często gaszenie pożaru. Jeśli chcesz strony, która jest szybka od fundamentów — napisz do nas. Każda strona, którą tworzymy, uzyskuje wynik 90+ punktów w PageSpeed Insights już w dniu publikacji.
Podsumowanie
Core Web Vitals to nie moda ani chwilowa zmiana algorytmu — to długoterminowy kierunek, w którym Google zmierza od lat. Szybkość strony wpływa bezpośrednio na konwersję, czas spędzony na stronie i pozycje w wyszukiwarce.
Jeśli Twoja strona ma wynik poniżej 70 punktów w PageSpeed — tracisz klientów każdego dnia. Nie dlatego, że masz złe produkty. Po prostu dlatego, że strona ładuje się za wolno i ludzie wychodzą zanim ją zobaczą.
Szukasz sprawdzonego twórcy stron w swoim regionie? Sprawdź naszą ofertę dla wybranych miast: