Chrome Dev Tools: Memory Tab
118Note: 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/tools/profile-performance/rendering-tools/js-execution
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.
Other Videos By freeCodeCamp.org
| 2015-09-22 | FCC Computer Basics 11: IP Addresses |
| 2015-09-20 | Computer Basics 14: Content Delivery Networks |
| 2015-09-20 | The DOM: What's the Document Object Model? |
| 2015-09-20 | Big O Notation: A Few Examples |
| 2015-09-20 | The DOM: Style in the Header, Script in the Footer |
| 2015-09-20 | Big O Notation: What It Is and Why You Should Care |
| 2015-08-24 | Chrome Dev Tools: Summary Tab |
| 2015-08-24 | Chrome Dev Tools: Console Tab |
| 2015-08-24 | Chrome Dev Tools: Audits Tab |
| 2015-08-24 | Chrome Dev Tools: Resources Tab |
| 2015-08-24 | Chrome Dev Tools: Memory Tab |
| 2015-08-24 | Chrome Dev Tools: Timeline Tab |
| 2015-08-24 | Chrome Dev Tools: Sources Tab |
| 2015-08-24 | Chrome Dev Tools: Network Tab |
| 2015-08-24 | Chrome Dev Tools: Elements Tab |
| 2015-08-23 | JavaScript Lingo: Regular Expressions |
| 2015-08-23 | JavaScript Lingo: Loops |
| 2015-08-23 | JavaScript Lingo: Math |
| 2015-08-23 | JavaScript Lingo: Manipulating Data |
| 2015-08-23 | JavaScript Lingo: Finding and Indexing Data in Arrays |
| 2015-08-23 |