Opisywane w tym artykule zmiany w dużej mierze dotyczą tzw. load time performance, czyli wydajności strony podczas jej ładowania, co wiąże się z metrykami narzędzia PageSpeed Insight.
Chcąc jednak zapewnić użytkownikom wydajny front-end i zadbać również o wygodę korzystania z serwisu, powinieneś również zwrócić uwagę na tzw. runtime performance. To kryterium tego, jak strona zachowuje się po załadowaniu, gdy użytkownik zaczyna pierwsze interakcje – takie jak np. scrollowanie strony w dół, wywoływanie danych funkcji czy zmian na stronie.
Jedną z ciekawych funkcji, jaką daje Chrome DevTools, jest opcja Paint flashing w zakładce Rendering.
Po jej włączeniu podczas scrollowania czy innych interakcji widzimy malowane na stronie efekty przesunięć, zmian, które mogą pokazać, które elementy powodują jeszcze problemy. Warto o nie również zadbać. Tego typu przesunięcia są nazywane „jank” i więcej o nich możesz przeczytać na podstronie: https://developer.chrome.com/docs/devtools/evaluate-performance/