W skrócie
- Core Web Vitals to trzy wskaźniki Google: LCP (ładowanie), INP (reakcja) i CLS (stabilność układu).
- INP zastąpił FID jako wskaźnik reakcji w marcu 2024 roku.
- Najczęstsze przyczyny wolnych stron to ciężkie zdjęcia, nadmiar wtyczek i skryptów oraz brak pamięci podręcznej.
Czym są Core Web Vitals
Core Web Vitals to trzy wskaźniki, którymi Google mierzy doświadczenie użytkownika na stronie: szybkość ładowania, reakcję na działania i stabilność układu. Są częścią sygnałów, które Google bierze pod uwagę w ocenie stron, ale przede wszystkim wpływają na to, czy odwiedzający zostanie i skontaktuje się z firmą.
| Wskaźnik | Co mierzy | Dobry wynik |
|---|---|---|
| LCP | Czas wyświetlenia największego elementu treści | do 2,5 s |
| INP | Czas reakcji strony na kliknięcia i dotknięcia | do 200 ms |
| CLS | Przesunięcia układu podczas ładowania | do 0,1 |
INP: następca FID
W marcu 2024 roku INP (Interaction to Next Paint) zastąpił FID jako wskaźnik reakcji strony. FID mierzył tylko opóźnienie pierwszej interakcji, a INP uwzględnia reakcję na interakcje przez całą wizytę. Strony, które dobrze wypadały w FID, mogą mieć problem z INP, zwłaszcza gdy ładują dużo skryptów: czatów, pikseli reklamowych, sliderów i rozbudowanych wtyczek.
Jak sprawdzić wyniki swojej strony
- PageSpeed Insights pokazuje dane od prawdziwych użytkowników (jeśli strona ma wystarczający ruch) i wyniki testu laboratoryjnego.
- Google Search Console w raporcie Podstawowe wskaźniki internetowe grupuje adresy z problemami.
- Narzędzia deweloperskie przeglądarki pozwalają znaleźć konkretne elementy spowalniające stronę.
Patrz przede wszystkim na wyniki mobilne, bo to one zwykle są słabsze i to na nich Google opiera ocenę strony.
Jak poprawić LCP
- Kompresuj zdjęcia do formatów AVIF lub WebP i podawaj rozmiar dopasowany do ekranu.
- Nie ładuj leniwie głównego zdjęcia z pierwszego ekranu, oznacz je jako priorytetowe.
- Ogranicz liczbę fontów i ładuj je z opcją wyświetlenia zastępczego.
- Włącz pamięć podręczną i rozważ CDN.
Jak poprawić INP
- Usuń nieużywane wtyczki i skrypty, a pozostałe ładuj tylko tam, gdzie są potrzebne.
- Opóźnij ładowanie czatów i widgetów do momentu interakcji użytkownika.
- Unikaj ciężkich animacji uruchamianych przy przewijaniu.
Jak poprawić CLS
- Podawaj wymiary wszystkich zdjęć i osadzonych elementów.
- Rezerwuj miejsce na banery, reklamy i komunikaty o cookies.
- Nie wstawiaj treści nad już wyświetloną zawartością.
WordPress: najczęstsze pułapki
Strony na WordPressie zwalniają najczęściej przez nadmiar wtyczek i ciężkie motywy z kreatorami stron. Każda wtyczka może dodawać własne skrypty i style na wszystkich podstronach. Przegląd wtyczek, lżejszy motyw i optymalizacja zdjęć często dają więcej niż zmiana hostingu.
Jeśli Twoja strona ma słabe wyniki, sprawdź, co obejmuje optymalizacja stron internetowych. Nowe strony projektujemy pod Core Web Vitals od początku, o czym piszemy na stronie tworzenie stron internetowych w Krakowie. Szybkość jest szczególnie ważna na landing page, gdzie płacisz za każde wejście z reklamy.
Zobacz w praktyce
Przykłady stron, przy których stosujemy opisane zasady: strona dla gabinetu endodontycznego w Krakowie oraz strona dla warsztatów kulinarnych w Krakowie. Więcej projektów znajdziesz w realizacjach.
Pytania i odpowiedzi
Czy szybkość strony to najważniejszy czynnik rankingowy?
Nie. Najważniejsza jest trafność i jakość treści. Szybkość jest jednym z sygnałów i może przesądzić między podobnymi stronami, ale przede wszystkim wpływa na to, czy użytkownik zostanie na stronie i się skontaktuje.
Dlaczego PageSpeed Insights pokazuje różne wyniki?
Test laboratoryjny jest wykonywany w danym momencie i zależy od obciążenia serwera oraz sieci, dlatego wynik może się wahać. Bardziej miarodajne są dane od prawdziwych użytkowników z ostatnich 28 dni, widoczne w górnej części raportu.
Czy zmiana hostingu przyspieszy stronę?
Pomoże, jeśli serwer odpowiada wolno. Jeśli problemem są ciężkie zdjęcia, wtyczki i skrypty, nowy hosting da niewiele. Najpierw sprawdź w raporcie, co spowalnia stronę.
