Lets see what the effect is of setting for caching a file. See how the images are loaded in parallel?! These are all indicators of bottlenecks and design issues that can be a great tool in performance tuning your app. This is not true for cached js files however, as can be seen for the js files loaded with a "304 Not Modified" HTTP status code. Firebug color codes each request that is served from the cache in a lighter gray and darker gray for when it is loaded from the server (see the fifth file, 907ms).įiles loaded in sequence (not parallel) follow each other, you can see this by the bars not overlapping. Each file's network request can be different, some are loaded from the cache and others have to be loaded from the web-server over the network. In the example to the left a lot can be taken from the color of the bars. This is also a great way to find out the total size and download time for a particular type of file.Ī picture is worth a thousand words. Click the buttons in the Net toolbar to filter the list by type. Sometimes you are particularly concerned about a certain type of file, like HTML (GET 1 in this example) files or images. Also take note that js files are loaded in sequence, one-after-the-other. Note that the order of the files in the list denotes the order in which the files where loaded from the server. Light Grey: Request sent to server, “304 Not Modified” received, file loaded from the cache.Dark Grey : Request sent to server, file loaded from server and not the cache.Purple : The time waiting for a response from the server.You'll notice this when loading js files as they can only be loaded in sequence, not in parallel Light-Brown : The time it waited in the queue.Light-Green : The time to connect to the server.The different colors used for the bars have significance: It also shows whether or not those files are loaded from the cache. Load Time : The last column shows the time it took to load that particular file.Size : The fourth column shows the size of each file. If you are loading files from other sites (e.g: linking image from other site, putting ads in your page) then a different URL will be shown for that particular file. Base URL : The third column shows the base URL of each file.Some interesting codes you may see in the example are: Code 200 being successful HTTP request, code 304 stating that the file was not modified since the last request which is based on some caching time-limit. HTTP Status : The second column shows the status of the HTTP request and the code. Also note the GET prefix to the name which depicts the method of the request (POST vs. Note it is not a running history and only applies to this page for this single web-request.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |