Skip to Content

Color-code resource types in Chrome development tool


This option is available in Chrome development tool – Settings – General:

/wp-content/uploads/2015/12/clipboard1_850279.png

If it is switched off:

/wp-content/uploads/2015/12/clipboard2_850322.png

If switched on, when you hover the mouse to the given row in Network tab, the duration of two types of time used, Waiting and Content Download, will be displayed automatically.

/wp-content/uploads/2015/12/clipboard3_850323.png

And if you put the mouse under column “Timeline – Start Time” and wait for a second, the detailed timing information of this network request will be displayed.

/wp-content/uploads/2015/12/clipboard4_850324.png


Be the first to leave a comment
You must be Logged on to comment or reply to a post.