: Tool to check resource load order Is there a tool I can show clients that will take a page's HTML and show: a) the order in which external resources will load, b) which resources are blocked
Is there a tool I can show clients that will take a page's HTML and show:
a) the order in which external resources will load,
b) which resources are blocked on other resources being downloaded?
For example: JavaScript in the head blocks any images from loading further down the page and browsers can only load 6 resources at a time from a given domain/subdomain.
More posts by @Carla537
4 Comments
Sorted by latest first Latest Oldest Best
The Network and Timeline tabs of Chrome's developer tools show when and how long it takes to load individual page components.
There's a bunch of tools that illustrate the waterfall (the cascading chain of HTTP requests from the browser to the server):
gtMetrix (combines ySlow and PageSpeed)
pingdom tools loadimpact.com/page-analyzer webpagetest (best in my opinion)
Also, note that your point:
...browsers can only load 6 resources at a time...
is not quite correct, while 6 is the average number of concurrent connections to a single server as at mid 2011 (see here), this number has increased since and doesn't account for domain sharding which can increase the total number of connections by around 10x.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.