Register for this year’s #ChromeDevSummit happening on Nov. 11-12 in San Francisco to learn about the latest features and tools coming to the Web. Request an invite on the Chrome Dev Summit 2019 website

Network color groups

Use Network color groups to easily identify a resource type

Get a simple overview of resource types in the Network panel with the Color-code resource types feature. To enable (if not already)

  1. Go to Settings (the cog wheel)
  2. In the general section, find the network heading.
  3. Check Color-code resource types.

Each of Scripts, Stylesheets, documents, fonts and more will be colored based on its type so you can easily understand what you're looking at without having to read the filename.