Core Web Vitals – LCP, FID oraz CLS – czynnikami rankingowymi w Google od maja 2021

Jak zostaliśmy poinformowani w listopadzie do grona sygnałów dotyczących jakości strony, czyli dostosowania stron pod kątem wyświetlania na urządzeniach mobilnych, bezpiecznego przeglądania, HTTP oraz wskazówek dotyczących uciążliwych reklam pełnoekranowych dołączą Largest Contentful Paint (LCP) , First Input Delay (FID) (obecnie INP) oraz Cumulative Layout Shift (CLS) – już tylko kilka miesięcy pozostało właścicielom stron, aby dostosować się do kolejnej zmiany w algorytmie Google, jaka zacznie obowiązywać od maja 2021 roku.

Wskaźniki Web Vitals pozwalają nam określić ilościowo doświadczenie z korzystania ze strony i wskazać miejsca poprawy, celem polepszenia wygody użytkownika; przyjrzyjmy się im bliżej.

Largest Contentful Paint (LCP)

mierzy wyniki ładowania się strony i obrazuje to, jak szybko użytkownikowi jest prezentowana zawartość strony.

Wskaźnik ten informuje nas, po jakim czasie strona, którą prezentujemy użytkownikowi, jest dla niego użyteczna – czyli kiedy użytkownik widzi główną zawartość strony (np. w przypadku bloga można zacząć czytać artykuł). Dlatego w sytuacji, gdy przez np. 3 sekundy widzimy ikonkę, która pokazuje nam ładowanie się dokumentu, nie oczekujmy, że strona przejdzie ten test.

Aby mieć pewność, że dostarczamy użytkownikowi user-experience na wysokim poziomie, wskaźnik nie może przekraczać 2,5 sekundy.

Interaction to Next Paint (INP)

Obserwuje on opóźnienie wszystkich interakcji użytkownika ze stroną i podaje pojedynczą wartość, poniżej której wszystkie (lub prawie wszystkie) interakcje były. 

Aby mieć pewność, że dostarczamy użytkownikowi user-experience na wysokim poziomie, wskaźnik nie może przekraczać 200 milisekund.

Cumulative Layout Shift (CLS)

mierzy stabilizację wizualną strony; chodzi tutaj o sytuacje, w których strona w momencie gdy już np. czytamy artykuł nagle przesuwa się, ponieważ „coś” zostało doładowane po zaprezentowaniu treści (np. reklama), albo chcemy kliknąć w dany link, a tu nagle wyskakuje nam reklama i zamiast przejść do innego artykułu widzimy ofertę biura podróży.

Z takimi sytuacjami mamy najczęściej do czynienia, gdy takie zasoby jak czcionki czy widżety nie są ładowane asynchronicznie.

Aby mieć pewność, że dostarczamy użytkownikowi user-experience na wysokim poziomie, wskaźnik nie może przekraczać 0,1 sekundy.

Jak poprawić wskaźniki Core Web Vitals?

Google przygotowało zestaw rekomendacji w tym zakresie – informację na ten temat znajdziesz w artykułach poświęconych CLS, LCP oraz INP

Jak testować LCP, INP oraz CLS

Idealne narzędzie jest dostępne online pod adresem web.dev

Dlaczego widzę błędy w raporcie w Search Console, a nie widzę ich  w Lighthouse?

Raport w Search Console pokazuje jak sobie strona radzi w realu (CrUX report) – natomiast Lighthouse bazuje na danych określanych mianem „lab data”, które są przydatne na etapie prac nad stroną; dane te mogą jednak nie wychwycić wąskich gardeł. Można bazować na obydwu raportach, jednak należy mieć na uwadze to, że obydwa raporty prezentują różne informacje.

Search Console Core Web Vitals report shows how your pages are performing based on real world usage data from the CrUX report (sometimes called “field data”). Lighthouse, on the other hand, shows data based on what is called “lab data”. Lab data is useful for debugging performance issues while developing a website, as it is collected in a controlled environment. However, it may not capture real-world bottlenecks. You can use both reports to improve the experience for your users, but the information each report provides is different.

Pozostałe Web Vitals – TTFB, FCP, TBT

LCP, INP oraz CLS nie są jedynymi Web Vitals.

Należy w tym miejscu wspomnieć o pozostałych, do których zaliczamy:

• Time to First Byte (TTFB) – pozwala zdiagnozować wolno odpowiadający serwer
• First Contentful Paint (FCP) – pozwala zdiagnozować zasoby, które opóźniają renderowanie strony.

TTFB oraz FCP są przydatne w diagnozowaniu problemów związanych z LCP

• Total Blocking Time (TBT) – Total Blocking Time (TBT) to różnica pomiędzy First Contentful Paint (FCP) a Time to Interactive (TTI) w którym główny wątek był zablokowany na tyle długo, aby zapobiec responsywności danych wejściowych.

Podsumowanie

Zmiany, jakie zachodzą w Internecie, mają wpływ na zmiany, jakie zachodzą w Google. Strony są z jednej strony coraz ładniejsze i funkcjonalne, ale za tym idzie ryzyko ich spowolnienia (większa ilość funkcji wymaga załadowania większej ilości zasobów). Użytkownicy zaś nie zmieniają swoich upodobań – strona ma się po prostu szybko ładować; i tutaj nic się z pewnością nie zmieni przez długi czas.

Google zdaje sobie sprawę, że sygnały Web Vitals nie są idealne i należy oczekiwać w przyszłości modyfikacji w ich zakresie. Tym niemniej na chwilę obecną są najlepszymi wskaźnikami do mierzenia user-experience na stronach i warto brać je pod uwagę na etapie tworzenia czy optymalizacji stron. Zapowiedź włączenia ich do czynników rankingowych wymusi na webmasterach i programistach projektowanie jeszcze lepszych pod kątem user-experience stron -a na tym skorzystamy my wszyscy, którzy poruszamy się codziennie po zasobach Internetu.

Obecnie odpowiedź na pytanie, co się stanie, jak webmaster (w maju 2021) nie dopasuje swojej strony do oczekiwań systemowych jest bardzo ogólna – nic konkretnego z niej nie wynika:

It’s difficult to make any kind of general prediction. We may have more to share in the future when we formally announce the changes are coming into effect. Keep in mind that the content itself and its match to the kind of information a user is seeking remains a very strong signal as well.

Pamiętajmy jednak, że szybka strona to pozytywne doznania ze strony osób, które ją odwiedzają – niezależnie więc od tego, jakie mamy podejście do czynników rankingowych Google warto zadbać o to, aby nasi potencjalni Klienci z przyjemnością spędzali czas na naszej stronie, a nie denerwowali się, że się ona długo wczytuje czy przyciski, w które chcą klikać, po paru sekundach przesuwają się w górę (lub w dół) :).

Informacje dodatkowe

Osoby zainteresowane śledzeniem zmian zachodzących w obszarze Web Vitals zachęcam, aby śledziły ich CHANGELOG.

Na Forum Google dla Webmasterów przygotowano listę FAQ – najważniejsze kwestie ująłem w artykule.