The Network panel lets you inspect resources that are downloaded over the network.

Follow the steps below to explore the Network panel:

• Open the Google Closure Hovercard demo page.
• Open the Developer Tools window as described in the How to Access the Developer Tools section of this tutorial.
• If it is not already selected, select Network panel and reload to collect requests information.

This shows a timeline waterfall of network activities. Latency, the time between making the request and the server's first response, is shown in the lighter shade within each bar. The blue and red vertical lines - on the right-hand side in the above screenshot - indicate firing of the DOMContentLoaded and Load events respectively. This helps clarify the time it takes for pages to load and helps you improve your website's load times. You can choose to view all resources, or a sub-set using the All, Documents, Stylesheets, Images, and other scope bars below the panel selection icons.

Browser caching can be disabled in the Settings , under "Disable cache". Also, browser cache and cookies can be cleared via context menu

Status bar button to the right from the Console toggle allows you selecting large or small request rows. In the screenshot above, large rows are visible, in the next ones, small rows. Record button allows you to preserve data in the grid upon page navigation, while Clear button clears the network log immediately.

You can hover over timeline bars to see detailed information on the network timing.

Request timeline

Select the Timeline drop-down list. You can choose sorting mode for the network grid here.

... or click Size column header to see the largest resources downloaded.

Back to top

Request details

Click the hovercard.html entry in the sidebar.

Note: You can go back to the network log grid via pressing Esc or clicking a close button to the left of Headers tab.

This lets you see the data pulled from the network including raw HTTP headers, resource content, cookies that were sent together with the request and request timing information.

Back to top

Last updated April 6, 2012.