goodads – strona głównagoodads
Programowanie / Technologie

Core Web Vitals w praktyce: jak szybkość strony wpływa na SEO i sprzedaż

Autor

Patryk Langer

Data publikacji

Smugi świateł samochodów na autostradzie nocą

Szybka strona to nie tylko wygoda użytkownika. Google uwzględnia doświadczenie strony w swoich systemach rankingowych, a każda sekunda ładowania może kosztować część klientów, zwłaszcza na telefonach. Kluczem do mierzenia tego doświadczenia są Core Web Vitals.

Czym są Core Web Vitals?

To trzy wskaźniki, które opisują, jak użytkownik odbiera ładowanie, responsywność i stabilność strony:

  • LCP (Largest Contentful Paint) – czas wyświetlenia największego elementu widocznego na ekranie. Dobry wynik: do 2,5 s.
  • INP (Interaction to Next Paint) – jak szybko strona reaguje na kliknięcia i dotknięcia. Dobry wynik: do 200 ms. W marcu 2024 r. INP zastąpił wcześniejszy wskaźnik FID.
  • CLS (Cumulative Layout Shift) – czy elementy „skaczą” podczas ładowania. Dobry wynik: do 0,1.

Google ocenia te wskaźniki na podstawie danych od prawdziwych użytkowników (75. percentyl odsłon), dlatego wynik w narzędziu laboratoryjnym to dopiero punkt wyjścia.

Jak sprawdzić wyniki swojej strony?

  • PageSpeed Insights – dane terenowe i laboratoryjne dla pojedynczego adresu URL.
  • Google Search Console – raport Podstawowe wskaźniki internetowe dla całego serwisu.
  • Lighthouse w Chrome DevTools – szybka diagnoza podczas pracy nad stroną.

Najczęstsze przyczyny wolnych stron

Ciężkie obrazy

Zdjęcia w pełnej rozdzielczości i w starych formatach to klasyczny winowajca słabego LCP. Rozwiązanie: formaty WebP lub AVIF, responsywne rozmiary (srcset), lazy loading poniżej pierwszego ekranu i priorytet ładowania dla grafiki w nagłówku.

Za dużo JavaScriptu

Rozbudowane motywy, slidery, czaty i dziesiątki skryptów marketingowych blokują główny wątek przeglądarki i pogarszają INP. Warto regularnie robić audyt skryptów i ładować je dopiero wtedy, gdy są potrzebne.

Brak zarezerwowanego miejsca na elementy

Banery cookies, reklamy, obrazy bez wymiarów i dynamicznie doładowane czcionki powodują przesunięcia układu. Zawsze określaj wymiary mediów i rezerwuj miejsce na elementy wstrzykiwane później.

Wolny serwer i brak cache

Długi czas odpowiedzi serwera (TTFB) opóźnia wszystko inne. Pomagają cache stron, CDN, renderowanie statyczne lub hybrydowe i dobrze dobrany hosting.

Checklista szybkiej strony

  1. Obrazy w nowoczesnych formatach i właściwych rozmiarach.
  2. Krytyczny obraz nad linią załamania ładowany priorytetowo, bez lazy loadingu.
  3. Czcionki hostowane lokalnie, z ograniczoną liczbą wariantów.
  4. Skrypty firm trzecich ładowane z opóźnieniem lub po zgodzie.
  5. Zarezerwowane miejsce na banery i media.
  6. CDN i cache na poziomie serwera.
  7. Stały monitoring w Search Console po każdym wdrożeniu.

Szybkość to sprzedaż

W e-commerce różnica między szybkim a wolnym sklepem widać w koszyku: użytkownicy mobilni szybko porzucają strony, które się długo ładują lub reagują z opóźnieniem. Dlatego wydajność traktujemy jako wymaganie projektowe od pierwszego dnia, a nie poprawkę po starcie. Jeśli Twoja strona wypada słabo w PageSpeed Insights, przygotujemy audyt z listą konkretnych poprawek.