Performance - using the performance tab in Chrome Developer Tools

A short-ish demonstration of the performance-tab in Chrome Developer Tools, and an explanation of the various details.

Example and inspiration from: https://developers.google.com/web/tools/chrome-devtools/evaluate-performance
Example is: https://googlechrome.github.io/devtools-samples/jank/
Explanation of the pixel pipeline (rendering/layout-paint-composite): https://developers.google.com/web/fundamentals/performance/rendering

CSS Triggers overview: https://csstriggers.com/
What forces layout / reflow: https://gist.github.com/paulirish/5d52fb081b3570c81e3a

Видео Performance - using the performance tab in Chrome Developer Tools канала petlatkea