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. 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.
0 Comments
Leave a Reply. |