Jaki przedział czasowyJaki przedział czasowy powinien mieć dany parametr szybkości strony aby nasza strona była szybka wg wyszukiwarki Google
Optymalna MAX szybkość (ms)
Film
Obraz
Cumulative Layout Shift (CLS)Skumulowane przesunięcie układu (CLS) jest ważnym, ukierunkowanym na użytkownika miernikiem do pomiaru stabilności wizualnej, ponieważ pomaga określić, jak często użytkownicy doświadczają nieoczekiwanych zmian układu - niski CLS pomaga zapewnić, że strona jest zachwycająca .
Czy kiedykolwiek czytałeś artykuł online, w którym coś nagle się zmieniało na stronie? Bez ostrzeżenia tekst się porusza i straciłeś miejsce. Lub jeszcze gorzej: masz zamiar stuknąć łącze lub przycisk, ale w chwili, gdy twój palec wyląduje - BUM - łącze się porusza, a ty klikniesz coś innego!
W większości przypadków tego rodzaju doświadczenia są po prostu irytujące, ale w niektórych przypadkach mogą spowodować rzeczywiste szkody.
[0-0,1]
0,1
First Input Delay (FID)Opóźnienie pierwszego wejścia (FID) jest ważnym, ukierunkowanym na użytkownika miernikiem do pomiaru reakcji na obciążenie, ponieważ określa ilościowo wrażenia użytkowników, gdy próbują wejść w interakcję z niereagującymi stronami - niski FID pomaga upewnić się, że strona jest użyteczna .
Wszyscy wiemy, jak ważne jest zrobienie dobrego pierwszego wrażenia. Jest to ważne podczas poznawania nowych ludzi, a także podczas tworzenia doświadczeń w sieci. W sieci dobre pierwsze wrażenie może sprawić, że ktoś stanie się lojalnym użytkownikiem lub odejdzie i nigdy nie wróci. Pytanie brzmi, co sprawia, że wrażenie jest dobre i jak mierzysz, jakie wrażenie prawdopodobnie robisz na użytkownikach? W Internecie pierwsze wrażenia mogą przybierać różne formy - mamy pierwsze wrażenia dotyczące projektu i atrakcyjności wizualnej witryny, a także pierwsze wrażenia dotyczące jej szybkości i responsywności.
[0-100 ms]
100
First Contentful Paint (FCP) Co to jest FCP?Parametr First Contentful Paint (FCP) mierzy czas od rozpoczęcia ładowania strony do renderowania dowolnej części zawartości strony na ekranie. W przypadku tych danych „treść” odnosi się do tekstu, obrazów (w tym obrazów tła), elementów lub elementów innych niż białe.
[0-1000 ms]
1000
Largest Contentful Paint (LCP)Największy obraz zawartości (LCP) jest ważnym, ukierunkowanym na użytkownika miernikiem do pomiaru postrzeganej szybkości ładowania, ponieważ zaznacza punkt na osi czasu ładowania strony, w którym prawdopodobnie została załadowana główna treść strony - szybki LCP pomaga zapewnić użytkownika, że strona jest przydatna .
Historycznie rzecz biorąc, dla twórców stron internetowych wyzwaniem było zmierzenie, jak szybko wczytuje się główna treść strony internetowej i jest widoczna dla użytkowników.
Starsze wskaźniki, takie jak load lub DOMContentLoaded, nie są dobre, ponieważ niekoniecznie odpowiadają temu, co użytkownik widzi na ekranie. Nowsze, zorientowane na użytkownika wskaźniki wydajności, takie jak First Contentful Paint (FCP), rejestrują tylko sam początek procesu ładowania. Jeśli strona wyświetla ekran powitalny lub wyświetla wskaźnik ładowania, ten moment nie jest zbyt istotny dla użytkownika.
W przeszłości zalecaliśmy wskaźniki wydajności, takie jak First Meaningful Paint (FMP) i Speed Index (SI) (oba dostępne w Lighthouse), aby pomóc uchwycić więcej wrażeń z ładowania po pierwszym malowaniu, ale te wskaźniki są złożone i trudne do wyjaśnienia i często błędne - co oznacza, że nadal nie identyfikują czasu załadowania głównej treści strony.
Czasami prostsze jest lepsze. Na podstawie dyskusji w grupie roboczej W3C Web Performance i badań przeprowadzonych w Google odkryliśmy, że dokładniejszym sposobem pomiaru czasu ładowania głównej treści strony jest sprawdzenie, kiedy wyrenderowany został największy element.
Co to jest LCP? Metryka największej zawartości (LCP) podaje czas renderowania największego obrazu lub bloku tekstu widocznego w widoku, w stosunku do czasu, gdy strona zaczęła się ładować po raz pierwszy .
Dobre wartości LCP to 2,5 sekundy, słabe wartości są większe niż 4,0 sekundy, a wszystko pomiędzy wymaga poprawy Co to jest dobry wynik LCP? Aby zapewnić dobre wrażenia użytkownika, witryny powinny starać się, aby największa zawartość w farbie wynosiła 2,5 sekundy lub mniej. Aby zapewnić osiągnięcie tego celu w przypadku większości użytkowników, dobrym progiem do pomiaru jest 75. percentyl wczytywania stron, podzielony na urządzenia mobilne i stacjonarne.