如何查找整体HTML页面大小

Question

我需要在页面加载后查找整体页面大小（CSS，JS，图像和HTML）。保存页面不保存动态加载的图像，因此无法找到确切的页面大小。在线工具或浏览器插件的任何信息都会很棒。

在此先感谢。

Answer 1

您可以使用Firebug和Yslow Extenstions，以查看网站的性能。在顺便说一句，你可以按照这个标准Yahoo guidelines for Speedup PageLoading

1. YSlow的：YSlow homePage
2. 萤火：Firebug tool
3. 提琴手Web调试工具Fiddler

Answer 2

Firebug或Chrome中的内置开发者工具。

Answer 3

在Firefox

安装插件的Web开发

从这里

https://addons.mozilla.org/en-us/firefox/addon/web-developer/

和Web开发人员工具栏中选择信息/视图文件大小

乐趣

Answer 4

我只是开发了一个Chrome扩展来回答这个问题：Page Size Inspector。它报告页面大小，缓存使用情况，网络请求和加载时间。

开源在GitHub。