Hello, does anyone know any firefox add on that can show you the size of the current viewing page?
+4
A:
Web Developer Toolbar(dimensions) or YSlow(for page size and loading times) for FireBug
cgreeno
2009-01-07 22:04:06
Thank you. That's very helpful tip.
Jack
2009-01-07 22:05:15
Note: that's the size of plain HTML (separate images, JS, CSS not counted). See below for other options.
Nickolay
2010-01-10 19:24:09
@Nickolay: Correct. If you want to optimize the whole package (including AJAX-loaded content), I recommend Firebug (see nshaw's answer)
Shog9
2010-01-10 21:17:20
+1
A:
FireBug allows you to see the page size and the size of all aditional downloads (css files, images and such). It also allows you to do all kinds cool debugging things.
Pim Jager
2009-01-07 22:07:28
A:
Can someone tell me which tool report the correct page size?
Here is my page size under FireFox's View Page info, it is 6.25 KB (6,403 bytes) however WebDeveloper add on show 125 KB (440 KB uncompressed). This is the same page.
I'm confused. why the difference?
Jack
2009-01-07 22:11:45
View Page Info reports the size of the HTML, which should be approx. the same as the size reported by Net > HTML in Firebug. The difference is due to the fact that your page loads other resources such as CSS, JavaScript and images.
Grant Wagner
2009-01-07 22:38:08
+1
A:
The FireFox View page is the size of the HTML. The WebDeveloper add on breaks down the other requests embedded in the page such as CSS, Images, javascripts... etc.
Jeff Martin
2009-01-07 22:19:26
+2
A:
If you're optimizing your page size (in kilobytes, not pixels!) you need to know both the compressed sizes of each element if your server is gzipping your output. You can't get that with the standard web browser "right-click-->Properties."
The Web Developer Toolbar extension, mentioned in another reply, does this.
http://https//addons.mozilla.org/en-US/firefox/addon/60
I haven't found another tool that reports the compressed and uncompressed sizes for each page element so conveniently.
Install Web Developer Toolbar and go to Tools-->Web Developer-->Page Information-->View Document Size. Very handy!
Scripts (7 files) 82 KB (243 KB uncompressed)
- http://stackoverflow.com/Content/Js/jquery.package.master.js?d=20081101 39 KB (109 KB uncompressed)
- http://stackoverflow.com/Content/Js/wmd-base.js 15 KB (59 KB uncompressed)
- http://www.google-analytics.com/ga.js 9 KB (22 KB uncompressed)
- http://stackoverflow.com/content/js/jquery.package.question.js?cachebreaker=20090107 8 KB (27 KB uncompressed)
- http://stackoverflow.com/Content/Js/showdown.js 4 KB (10 KB uncompressed)
- http://stackoverflow.com/Content/Js/jquery.package.editor.js?cachebreaker=20081008.1 3 KB (9 KB uncompressed)
- http://stackoverflow.com/Content/Js/wmd-plus.js 3 KB (7 KB uncompressed)
Style Sheets (3 files) 7 KB (27 KB uncompressed)
- http://stackoverflow.com/Content/all.css?d=20081101 6 KB (26 KB uncompressed)
- http://stackoverflow.com/Content/print.css 705 bytes (1 KB uncompressed)
If there is a better tool for this, I'd love to hear about it. This feature is about the only thing that keeps me from ditching Web Developer Toolbar entirely for Firebug. Maybe YSlow does this; need to research more.
John Booty
2009-01-07 22:32:13
A:
You can use this Add-on : lori : Life-of-request info :- https://addons.mozilla.org/en-US/firefox/addon/1743
It display how long toke to fully get the page and the page size (including items from browser cache), how many requests done to get the page .
this is the best add-on for easy use and quickly get info without any click .
khaled
2010-01-10 19:08:55