1

找出特定网站的 HTML 和 CSS 的大小(以 kbs 为单位)的各种可能方法是什么?

4

5 回答 5

2

我更喜欢使用Firebug for Firefox中的 Net 面板(如下),但 Chhrome 中的开发工具也同样出色。

另一个不错的选择是Yahoo Developer Network 的YSlow,它还将提供全面的链接建议以改善页面结果。

Pingdom 的整页测试无需安装任何东西即可提供视觉效果。

所有这些工具都将显示“级联”,通常包括有关加载的资源是并行加载还是串行加载的信息(阻止后续资源的加载)。加载的各种类型的文件通常可以通过在图表上方显示“html”或“c​​ss”等来过滤。

Firebug 的 Net 选项卡中的页面加载:

页面加载在 Firebug 的 Net 选项卡中。

YSlow页面测试结果页面:

Y慢页测试结果

于 2012-09-20T11:45:57.327 回答
1

我使用Chrome 中 Web 开发人员工具的网络选项卡Ctrl( - Shift- I,然后选择网络)。

于 2012-09-20T11:36:15.057 回答
1

您还可以在下面的站点工具中找到网页文件大小和下载速度。 http://www.websiteoptimization.com/services/analyze/

于 2012-09-20T11:54:17.367 回答
1

我会使用 Firebug。转到网页,打开 firebug (F12) 并转到 Net 选项卡。你得到了那里列出的网站提出的所有请求。在列表的底部你得到了所有请求的总和。顺便说一句,您应该在它之前清除浏览器缓存,因为在浏览器缓存命中期间可能会丢失一些请求。

于 2012-09-20T11:40:00.727 回答
1

Opera 有一个“信息”面板,但它只为您提供请求的 HTML 文档的大小和所有内联元素(图像、CSS、JavaScript 等)的总大小。

于 2012-09-20T11:52:26.167 回答