How can I measure the size of a webpage?

Question

I'm building a website at the moment that has several complicated background images and repeats. The file sizes for each of the images are quite large (I've compressed them down as much as possible!), is there an online tool that I can use to measure the filesize of a page?

Solution 1

Download Firebug and install Google's Page Speed plugin and or Yahoo!'s YSlow plugin both of these will help you optimise around the background image.

Also read Yahoo's Best Practices for Speeding Up Your Website

Solution 2

I found this from searching for a couple of minutes, looks like it may do the trick for you!

Solution 3

I don't know of any online tools personally, though if it were me I would just select your image folder(s) and html, js, stylesheet files and look at the collective filesize that way.

There is always the page speed addon for Firefox/Chrome that will give you recommendations for other optimizations you can do to improve the speed of your site.

Hope this helps.

Solution 4

The Web Developer Toolbar for Firefox has a "View Document Size" item under the Information menu. (This option is missing in the Chrome version, for some reason.) It opens a tab that shows you overall size, broken down by section(images, scripts, stylesheets, etc) which you can toggle open for a detailed listing, in case you need to hunt down a particular item that's a problem.

View more solutions

Comments

[Su']

The first part of this would give the total size of combined files for an entire site, including things that may not even be getting used, not the size per-page.

[Anonymous]

True, don't know why I didn't think of that. :s

[Jordi Tost]

I'm ok what to compress and where, I just want to see how big the page total is.

[Jordi Tost]

I just got the extension but I guess it's not included in the newest version as there's no "View Document Size" option.

[Jordi Tost]

@Anonymous- I'm fine with how and what to compress, just need to know the total page filesize, surely there's a way to see it without manually counting?

[Jordi Tost]

Seemed to do the trick. Eeeessshhhh 1.7mb for my page - I better get compressing!

[Su']

Huh. It is missing in the Chrome version.

[Anonymous]

Let us know what you manage to get it down to. :-)

[toomanyairmiles]

YSlow will show you that along with the total load time in milliseconds: developer.yahoo.com/yslow/help/views.html#stats_view

[Jordi Tost]

I just tried yslow, seems a bit easier as I don't have to go to another website website as it's a chrome extension. Thanks for the site though.