Core Web Vitals - jak przyspieszyć stronę i czemu to ważne

Core Web Vitals to trzy wskaźniki, którymi Google mierzy, jak szybko i wygodnie działa strona z perspektywy odwiedzającego. Wpływają na pozycje w wyszukiwarce, ale przede wszystkim na to, czy klient w ogóle doczeka do końca ładowania. W tym poradniku wyjaśniamy, co oznacza każdy wskaźnik, jak sprawdzić swoją stronę i co najczęściej ją spowalnia.

Trzy wskaźniki Core Web Vitals

Google ocenia te wskaźniki na podstawie danych od prawdziwych użytkowników (raport Chrome UX). Strona zalicza test, gdy co najmniej 75% wizyt mieści się w dobrych wartościach.

Jak sprawdzić szybkość strony

1. PageSpeed Insights - wpisz adres strony w darmowym narzędziu Google. Na górze zobaczysz dane od prawdziwych użytkowników (jeśli strona ma wystarczający ruch), niżej wynik testu laboratoryjnego i listę zaleceń.
2. Google Search Console - raport „Podstawowe wskaźniki internetowe” pokazuje, które grupy podstron mają problem.
3. Test na własnym telefonie - otwórz stronę na zwykłym połączeniu komórkowym, nie na Wi-Fi w biurze. To najbliższe temu, co widzi klient.

Co najczęściej spowalnia strony

• ciężkie zdjęcia - wgrane prosto z aparatu, po kilka megabajtów każde,
• kreatory stron i rozbudowane motywy, które ładują dużo kodu na każdej podstronie,
• dziesiątki wtyczek, z których każda dodaje swoje skrypty i style,
• skrypty zewnętrzne ładowane od razu: czaty, piksele, mapy, widżety opinii,
• czcionki z zewnętrznych serwerów i brak ich wczesnego ładowania,
• wolny hosting bez pamięci podręcznej i ze starą wersją PHP.

Jak poprawić każdy wskaźnik

LCP - szybsze pojawienie się treści

• zmniejsz i skompresuj zdjęcie w nagłówku, zapisz je w formacie WebP lub AVIF,
• nie ustawiaj leniwego ładowania (lazy load) dla pierwszego zdjęcia - ono ma się wczytać od razu,
• włącz pamięć podręczną na serwerze i w przeglądarce,
• usuń z nagłówka suwaki i animacje, które opóźniają pokazanie treści.

INP - szybsza reakcja na kliknięcia

• ogranicz liczbę skryptów, szczególnie zewnętrznych,
• ładuj czaty, mapy i widżety dopiero po interakcji albo po załadowaniu strony,
• zrezygnuj z ciężkich efektów przy przewijaniu.

CLS - bez skakania elementów

• podawaj wymiary (szerokość i wysokość) dla zdjęć i ramek z wideo,
• rezerwuj miejsce na banery i reklamy, zanim się pojawią,
• ładuj czcionki tak, żeby tekst nie zmieniał rozmiaru po ich wczytaniu.

Czy szybkość naprawdę wpływa na pozycje?

Szybkość jest jednym z wielu sygnałów, które bierze pod uwagę Google - nie zastąpi dobrych treści i linków. Jej największy wpływ jest jednak gdzie indziej: na to, ilu odwiedzających zostaje na stronie i do Ciebie dzwoni. Przy kampaniach reklamowych wolna strona podnosi też koszt każdego zapytania - o tym, jak to policzyć, piszemy w poradniku ile kosztuje reklama w Google.

Szybkość w praktyce

Strony, które budujemy, piszemy od zera bez kreatorów, ze zdjęciami w nowoczesnych formatach i odroczonym ładowaniem skryptów. Jeśli Twoja obecna strona jest wolna, zacznij od bezpłatnego testu w usłudze przyspieszenie strony - pokażemy, co ją spowalnia i ile kosztuje poprawa. Czasem bardziej opłaca się nowa wersja strony niż łatanie starej.

Najczęstsze pytania

Co to są Core Web Vitals?

To trzy wskaźniki Google mierzące szybkość pojawienia się treści (LCP), reakcję na kliknięcia (INP) i stabilność układu (CLS).

Jak sprawdzić szybkość strony?

Wpisz adres w PageSpeed Insights albo zajrzyj do raportu „Podstawowe wskaźniki internetowe” w Google Search Console.

Czy szybkość strony wpływa na pozycje w Google?

Tak, jako jeden z wielu sygnałów. Jeszcze bardziej wpływa na to, ilu odwiedzających zostaje na stronie i kontaktuje się z firmą.