/dev tips

🎊   The Modern DevTools course has now started! Visit ModernDevTools.com to find out more   🎊

(58) Copy and paste the DOM Edit HTML in the Console Panel (60)

Chrome DevTools: Frequent screenshots in the Timeline Panel

16 Jul 2015
Frequent screenshots in the Timeline Panel

You can start capturing screenshots in the DevTools Timeline panel. If you move your mouse from the start of the recording to the end, you can see the visual state of the page over time.

You can then match frames which have spiked (or have a warning against) to the relevant screenshot to understand what the page was doing at the point of poor performance.

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