Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

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?

share|improve this question
    
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
add comment

4 Answers

up vote 4 down vote accepted

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

share|improve this answer
    
I'm ok what to compress and where, I just want to see how big the page total is. –  Rob Jan 16 '12 at 16:34
    
YSlow will show you that along with the total load time in milliseconds: developer.yahoo.com/yslow/help/views.html#stats_view –  toomanyairmiles Jan 16 '12 at 22:10
add comment

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

share|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
add comment

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.

share|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
add comment

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.

share|improve this answer
    
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
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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