How long it took to fulfill the request.The networking tool is able to intercept these requests to show you important data such as:įiddler will take the request for your URI and replace it with a local file. The end result is a list of the browser's network requests involved with downloading our pages' assets or data. If we look at the following images, you can see that while the UIs may vary, the data collected and displayed is very similar: Firefox's Web Developer Tools and the Firebug add-onĮach set has their own unique capabilities, but each has the ability to collect network traffic.Internet Explorer's F12 Developer Tools.Thankfully, all major modern browsers provide debugging tools that allow you to inspect network traffic, and 3rd party tools like Fiddler and Charles not only allow you to see network requests, but offer expanded capabilities to interact with your site.Īs I mentioned, every major browser has built-in debugging tools. So having a good set of tools to inspect network traffic is vital to rounding out your debugging toolset.
In many cases, we work locally and forget that page size, latency, and script loading and blocking can greatly affect the way a user experiences your site. When debugging front-end code, you tend to spend a lot of time reviewing how CSS and JavaScript affect your page's rendering equally important is how network requests affect your site.
My previous two articles focused on debugging tools, so it's only fitting that I continue with this theme.
0 kommentar(er)
