New Perspectives On Web Design

(C. Jardin) #1
By Addy Osmani CHAPTER 6

Pro Tips
Your JavaScript can annotate DevTools Timeline recordings using con-
sole.timeStamp() which works whether you’re using remote debugging
or not. See below for “Adding result,” an annotation added by our code
during profiling:


Your code can also use console.time() and console.timeEnd() to mark
ranges in DevTools Timeline recordings:


If you enable “Show CPU activity on the ruler”, you can overlay the CPU
activity in your Timeline recordings. With this on, the light bars indicate
the CPU was busy. If you hover over a CPU bar, this highlights the region
during which the CPU was active.

Free download pdf