Idea of how long a page takes to load on a mobile device.Ĭlick the Throttling dropdown, which is set to Online by default. By throttling the page you can get a better Network connections of the mobile devices of your users. The network connection of the computer that you use to build sites is probably faster than the Note: Tip You can see the full URL of a resource by hovering over its cell in the Name column. Right-click the header of the Network Log table and select Domain. ThereĪre also many columns that are hidden by default which you may find useful. You can hide columns that you're not using. The columns of the Network Log are configurable. ![]() Clicking the Get Data button caused the page to request this file.įigure 7. Look at the bottom of the Network Log again. Now, click the Get Data button in the demo. Toĭemonstrate this, first look at the bottom of the Network Log and make a mental note of the So long as you've got DevTools open, it will record network activity in the Network Log. Tutorial, so you can hide it if you prefer. Note: Note The graph above the Network Log is called the Overview. A graphical representation of the different stages of the request. Takes you to the source code that caused the request. The bottom resource isĮach column represents information about a resource. The top resource is usually the main HTML document. By default the resources are listedĬhronologically. 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: Open and no network activity has occurred since you opened DevTools. That's because DevTools only logs network activity while it's DevTools docked to the bottom of the window DevTools docked to the bottom of the windowĬlick the Network tab. You might prefer to dock DevTools to the bottom of your window.įigure 4. Open DevTools by pressing Control+Shift+J or Command+Option+J (Mac). The demo in one window and this tutorial in a different window You might prefer to move the demo to a separate window.įigure 2. To get the most out of this tutorial, open up the demo and try out the features on the demo page. The Audits panel 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 panel. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |