Chrome Dev Tools: Memory Tab

Published: 24 August 2015
on channel: freeCodeCamp.org

21,262

187

Note: Chrome recently renamed their "Profiles" tab "Memory". Other than that, most of the content in this video remains accurate.

Info and mini-lesson on the 'Profiles' tab of Chrome Dev Tools. Check out more in-depth documentation here: https://developers.google.com/web/too...

The Profiles panel lets you profile the execution time and memory usage of a web app or page. This primarily applies to the JavaScript running on your page or app.

There are three types of profiles you can collect: CPU profile, HEAP snapshot, and HEAP profile. HEAP profiles have more to do with memory usage, while a CPU profile has more to do with JavaScript performance.

A profiler called V8 is used while your code runs to pinpoint what in the JavaScript takes the most time, making it easy to optimize your code.

Each of these profiles can be viewed on the left, and you can take multiple profiles of each. Overall, the profiles tab is helpful when optimizing code.

❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp

On this page of the site you can watch the video online Chrome Dev Tools: Memory Tab with a duration of hours minute second in good quality, which was uploaded by the user freeCodeCamp.org 24 August 2015, share the link with friends and acquaintances, this video has already been watched 21,262 times on youtube and it was liked by 187 viewers. Enjoy your viewing!

1,817