#Microsoft edge how to#

The top resource is usually the main HTML document. By default the resources are listed chronologically. The Network panel logs all network activity in the Network Log:Įach row of the Network Log represents a resource. To view the network activity that a page causes:

DevTools only logs network activity after you open it, and no network activity has occurred since you opened DevTools. You might prefer to dock DevTools to the bottom of your window: If that tab isn't visible, click the More tabs ( ) button: In DevTools, on the main toolbar, select the Console tab. Or, press Ctrl+ Shift+ J (Windows, Linux) or Command+ Option+ J (macOS). To open DevTools, right-click the webpage, and then select Inspect. Open the Inspect Network Activity Demo in a new tab or window: To get the most out of this tutorial, open the demo and try out the features on the demo page. See Optimize website speed using Lighthouse.

#Microsoft edge how to#

Start with the Lighthouse tool, because it gives you targeted suggestions on how to improve your page. There are many types of load performance issues that aren't related to network activity. If you're looking for ways to improve page load performance, don't start with the Network tool. Inspecting the properties of an individual resource, such as the HTTP headers, content, size, and so on.

Making sure that resources are actually being uploaded or downloaded at all. The most common use cases for the Network panel are: In general, use the Network panel when you need to make sure that resources are being downloaded or uploaded as expected. This is a step-by-step tutorial walkthrough of the Network tool, for inspecting network activity for a page.įor an overview of the network-related DevTools features, see Network features reference. Inspect the properties of an individual resource, such as the HTTP headers, content, or size. Use the Network tool to make sure that resources are being downloaded or uploaded as expected.