Google Chrome Developer Tools: Profiling and optimizing

Google Chrome · 68K views · 2009 · 1:57

Open on YouTube

Testing, debugging & developer toolsWeb developmentSoftware performance & optimizationdemodated

Why Stack Overflow recommends it

Stack Overflow users link it when someone asks how to measure client-side performance or inspect heap usage in a web app and Chrome's profilers are the answer.

Recommended by 2 people across 2 different months, 2012 to 2013.

What it is

A short 2009 screencast from the Google Chrome team showing how to use Chrome's built-in developer tools to profile a web app's execution time and memory usage. It is a quick tool walkthrough rather than a deep tutorial.

What people said

Recommends Will Sargent · 2012-08 · Stack Overflow · on “Timing page render in Play 2.0 Scala Framework”

If you're asking about metrics on the server side, then you probably want this: [LINK] If you're asking about on the client side, then Google Chrome Developer Tools has some amazing features: [this video]

Recommends sublime · 2013-11 · Stack Overflow · on “What are some good ways to measure the performance of a single page web app?”

Chrome profilers are pretty amazing [this video] You can find whole bunch of tutorials on youtube showing how to inspect heap usage.

Cites Shiv Kumar Ganesh · 2012-07 · Stack Overflow · on “How to debug JavaScript closure?”

I would refer you to use Firebug to debug your code. Its the best plugin available with dont have the exact answer to the question but you may like to have a look at these links. Tools for debugging memory leaks in JavaScript [LINK] how to trace or debug javascript closures in firebug [LINK] Debugging closures in javascript [LINK] You can even check out the [this video] Link so as to get more information. Hope I have tried Answering something useful.