/dev tips

🎊   Announcing the new DevTools Pre Launch ModernDevTools.com - A discount, and no subscription fees during this pre-launch period   🎊

(137) CSS and JavaScript code diffs with the Changes Panel Write, Edit and Lint code all within DevTools (139)

Chrome DevTools: Use the Timeline Flow to better understand performance timelines

5th April 2017
Use the Timeline Flow to better understand performance timelines

Expect a DevTools course announcement soon!

Performance recordings can sometimes be hard to read and interpret. The Timeline Flow Experiment in Canary visually shows you the relationship events have between each other. This is especially useful for async tasks such as timers within JavaScript.

⚡ Performance will be a core topic of my new DevTools course. We'll look at how and why to optimise, but also why certain performance tricks work. Throughout the course, you will utilise features like Timeline Flow directly on your websites to make them faster across all devices. ⚡

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.