/dev tips

๐ŸŽŠ   The Modern DevTools course has now started! Visit ModernDevTools.com to find out more   ๐ŸŽŠ

(143) Network Product Groups Jump to Destination in JavaScript (145)

Chrome DevTools: Identify and visualise slow pieces of JavaScript code

15th May 2017
Identify and visualise slow pieces of JavaScript code

You can locate slow pieces of JavaScript code with the User Timing API.

Try wrapping potentially slow code like this:

performance.mark('costlyFunction Start')

costlyFunction()

performance.mark('costlyFunction End')

performance.measure(
    'costlyFunction',
    'costlyFunction Start',
    'costlyFunction End'
)

๐Ÿ’ก Tip: You can do much more with DevTools & the User Timing API:

The ModernDevTools.com course covers all of this ๐ŸŽŠ   and videos on these topics have been released!

There's already 50 minutes worth of video content on these topics alone and there's much more to come. I've worked hard to make information digestible. Go and check out the course! Thank you for your support.

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