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?

  • Are you specifically looking for an on-line tool? This is generally done in the browser. – Su' Jan 16 '12 at 16:27
  • @Su' It doesn't really matter how, just need to analyse a page to see how big it is. If that means adding an extension to chrome, pasting a link into some tool or whatever. As long as it's accurate! – Rob Jan 16 '12 at 16:43

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

| improve this answer | |

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

| improve this answer | |
  • Seemed to do the trick. Eeeessshhhh 1.7mb for my page - I better get compressing! – Rob Jan 16 '12 at 16:53
  • 1
    Let us know what you manage to get it down to. :-) – Anonymous Jan 16 '12 at 21:52
  • 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. – Rob Jan 17 '12 at 9:21

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.

| improve this answer | |
  • 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. – Su' Jan 16 '12 at 16:22
  • True, don't know why I didn't think of that. :s – Anonymous Jan 16 '12 at 16:24
  • @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? – Rob Jan 16 '12 at 16:36

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.

| improve this answer | |
  • 1
    I just got the extension but I guess it's not included in the newest version as there's no "View Document Size" option. – Rob Jan 16 '12 at 16:35
  • Huh. It is missing in the Chrome version. – Su' Jan 16 '12 at 17:11

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.