2009-01-07 89 views

回答

19

你并不需要一个。右键单击页面,选择View Page Info,大小已列出。

Page Size http://www.shog9.com/pageSize.png

+6

注意:这是纯HTML的大小(单独的图像,JS,CSS不算)。请参阅下面的其他选项。 – Nickolay 2010-01-10 19:24:09

+1

@Nickolay:正确。如果你想优化整个包(包括AJAX加载的内容),我推荐Firebug(参见nshaw的回答) – Shog9 2010-01-10 21:17:20

5

Firebug如果你想要一个深入的分析。如果你只是想要最后的数字,请右键单击并选择“查看页面信息”。

2

FireBug允许您查看页面大小和所有aditional下载(css文件,图像等)的大小。它也可以让你做各种酷调试的事情。

2

FireFox View页面是HTML的大小。 WebDeveloper添加打破了嵌入在页面中的其他请求,例如CSS,图像,javascripts等。

12

如果您正在优化页面大小(以千字节为单位,而不是像素!),您需要知道每个元素的压缩大小,如果你的服务器正在压缩你的输出。您无法通过标准网络浏览器获得该功能“右键单击 - >属性”。

在另一个回复中提到的Web开发人员工具栏扩展会执行此操作。

http://https//addons.mozilla.org/en-US/firefox/addon/60

我还没有找到另一个工具,报告的压缩和非压缩尺寸每个页面元素,从而方便。

安装Web Developer Toolbar并转至工具 - > Web Developer - >页面信息 - >查看文档大小。非常便利!

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) 

如果有更好的工具,我很乐意听到它。这个功能是唯一让我完全放弃Firebug的Web Developer Toolbar的东西。也许YSlow做到这一点;需要研究更多。

3

从右键菜单中内置的Inspect Element (Q)可以做到这一点。转至Network选项卡,重装看看吧:

enter image description here