Is there a tool to compare space used by each file of a web page?

Question

Is there a tool that can load a web page and compare the space used (and thus load time) by each file? For example:

Answer 1

Try Firebug, a plugin for Firefox. You may also find YSlow useful.

Answer 2

Safari browser's Web Inspector (accessible from the Develop menu) has a tab called Resources. In that you can find the list of resources shown in a graph by download time & file size.

Answer 3

http://www.websiteoptimization.com/services/analyze/

I use this often. Try it.

Answer 4

For simplicity, i like View Dependencies, a Firefox extension. Not graphical, but a nice list, just a right-click away. I find Firebug a bit too heavy for what i need to do, and View Dependencies is light.

Answer 5

Download the Google Page Speed add-on for Firebug.

Answer 6

I use Fiddler (http://www.fiddler2.com) to inspect HTTP traffic, both to inspect real document sizes, but also to diagnose other network issues.

Answer 7

I think Pingdom Tools is right up your alley, though it doesn't show that nifty pie chart.