Measure time between steps in Chrome devtools

Question

Is there any way to measure the time between steps (F10) when debugging javascript in chrome developer tools? I know that we can use the console.time(label) and console.timeEnd(label) but the script is very long and I need to find the bottlenecks and using the console.time method would take a long time.

I don't know very well firebug but if it does what I need I'll have no problem in using it.

Answer 1

Have you tried Chrome's Timeline View? It tells you how long each function call took to execute.

If you download Chrome Canary and make a Timeline recording it will also show you per-line information. (I just played with it and there seems to be some threshold before it starts showing a measurement for a line, but it's worth a try.)

Some docs to get you started:

• How to use the Timeline tool
• Analyze runtime performance
• Speed up JavaScript execution