There's now +4 hours of video content on ModernDevTools.com!

«   Previous tip Next tip   »

Chrome DevTools: A visual representation of the network asset dependency graph

3rd November 2015
A visual representation of the network asset dependency graph

The network asset dependency graph visually shows the relationships resources have between each other. To try it out, hold shift and hover over the resources in a Network Panel recording.

The following two bullet points correspond to the resource you are currently hovering over:

As a side note, the Network Panel is full of interesting columns. Try enabling some, such as the "Priority" column. This shows the priority the browser assigned to a particular resource (e.g. high, medium or low)

«   Previous tip Next tip   »

Sign up to receive a developer tip, in the form of a gif, in your inbox each week