找出特定网站的 HTML 和 CSS 的大小(以 kbs 为单位)的各种可能方法是什么?
5 回答
我更喜欢使用Firebug for Firefox中的 Net 面板(如下),但 Chhrome 中的开发工具也同样出色。
另一个不错的选择是Yahoo Developer Network 的YSlow,它还将提供全面的链接建议以改善页面结果。
Pingdom 的整页测试无需安装任何东西即可提供视觉效果。
所有这些工具都将显示“级联”,通常包括有关加载的资源是并行加载还是串行加载的信息(阻止后续资源的加载)。加载的各种类型的文件通常可以通过在图表上方显示“html”或“css”等来过滤。
Firebug 的 Net 选项卡中的页面加载:
YSlow页面测试结果页面:
我使用Chrome 中 Web 开发人员工具的网络选项卡Ctrl( - Shift- I,然后选择网络)。
您还可以在下面的站点工具中找到网页文件大小和下载速度。 http://www.websiteoptimization.com/services/analyze/
我会使用 Firebug。转到网页,打开 firebug (F12) 并转到 Net 选项卡。你得到了那里列出的网站提出的所有请求。在列表的底部你得到了所有请求的总和。顺便说一句,您应该在它之前清除浏览器缓存,因为在浏览器缓存命中期间可能会丢失一些请求。
Opera 有一个“信息”面板,但它只为您提供请求的 HTML 文档的大小和所有内联元素(图像、CSS、JavaScript 等)的总大小。