Web Vitals to inicjatywa Google, polegająca na spriorytetyzowaniu działań optymalizacyjnych stron i aplikacji na podstawie kluczowych aspektów faktycznie wpływających na doświadczenie użytkownika.
Spis treści
Czym jest Web Vitals?
Mówiąc po ludzku, idea Web Vitals każe nam przestać patrzeć tylko na punkty, jakie nasza strona otrzyma w teście prędkości PageSpeed czy GTmetrix. W zamian proponuje mierzenie przede wszystkim konkretnych wskaźników, mających realny wpływ na doświadczenie użytkownika.
Core Web Vitals
Na chwilę obecną, zestaw najważniejszych wskaźników, zwanych Core Web Vitals, przygotowany na 2020 rok obejmuje 3 elementy: LCP, FID, CLS.
Wskaźniki te, będą ewoluować i dostosowywać się do ducha czasu.
Luźno przyjętą zasadą jest, by wyniki dla tych podstawowych wskaźników mieściły się w 75 centylu w porównaniu z innymi witrynami.
LCP – Largest Contentful Paint
LCP to czas, jakiego witryna potrzebuje, by załadować największy contentowy element znajdujący się w viewporcie. Elementem takim może być grafika, video, czy blok tekstu.
Wskaźnik ten powinien wynosić poniżej 2,5 sekundy.
FID – First Input Delay
FID to czas, po jakim możliwa jest interakcja z witryną. Innymi słowy jest to czas między rozpoczęciem ładowania, a momentem, w którym przeglądarka jest w stanie odpowiedzieć na interakcję (np. kliknięcie linku, buttona, lub wykonanie jakiejś customowej akcji Javascript).
Wskaźnik ten powinien oscylować poniżej 100 milisekund.
CLS – Cumulative Layout Shift
CLS to wskaźnik mierzący wszelkie niespodziewane przesunięcia treści pojawiające się nagle podczas ładowania witryny (lub później).
Aby zmierzyć CLS, musimy zmierzyć dystans o jaki przesuwa się element oraz ilość ekranu, na jakim zachodzi ta akcja (od górnej krawędzi elementu w pozycji wyjściowej, do dolnej krawędzi po przesunięciu). Obie wartości przeliczamy na ułamek wskazujący jaką część viewportu stanowią i mnożymy ze sobą.
Wskaźnik ten powinien wynosić poniżej 0.1.
Jak mierzyć te wskaźniki?
Na chwilę obecną, wszystkie te wskaźniki mierzone są przez Chrome User Experience Report. Możesz je mierzyć również za pomocą Javascript i rozszerzenia do Chrome dostępnego na Githubie.
FID zmierzymy już teraz np. poprzez PageSpeed Insights czy Search Console.
Wkrótce dane o wszystkich Core Web Vitals dla witryn pojawią się w PageSpeed Insights oraz w Search Consoli.
Nasz komentarzZ jednej strony świetnie, że w końcu Google jasno informuje, że wykręcanie 100% w wynikach testów prędkości nie ma sensu i trzeba się skupić na realnych wskaźnikach. Jednak z drugiej strony… Z inicjatywami Google służącymi „robieniu dobrze użytkownikom” jest zwykle tak, że inicjatywy te przede wszystkim „robią dobrze” samemu Google’owi. Technologia AMP to najlepszy przykład – teoretycznie skupiona na szybkim dostarczaniu treści użytkownikom, przy okazji stwarza przewagę konkurencyjną i pole do nadużyć gigantowi z Mountain View. W tym wypadku takiego zagrożenia nie widać, ale czujność nie zawadzi 🙂 .
Edit:
Minęły 3 tygodnie i Core Web Vitals jest już dostępne w Google Search Console. Jeśli nie możesz znaleźć tego raportu w polskiej wersji językowej, to nic dziwnego. Po polsku nazwano go bowiem „Podstawowe wskaźniki internetowe” :).
Widać jak coraz wiekszą uwagę dla Googla ma sam użytkownik, mówi się już od kilku lat UX/UI/Accessibility ale jednak tylko znikomy % strona brał to od uwagę, teraz będzie to traktowane poważnie :))
Dziękuję za zwięzłe i jasne informacje. Pozwolą przygotować stronę na majową aktualizację.
Merytorycznie ! Dzięki za kawał dobrych informacji !