在Chrome DevTools中测量整页大小

Osk*_*ura 23 google-chrome performance-testing google-chrome-devtools web

我已经谷歌搜索了一段时间,但没有找到任何明确的解决方案.

我想测量完整的网页重量/大小(所有doucment +脚本+字体+样式等).我知道devtools中的网络选项卡有大小/内容 - 但我希望将它总结(而不是每次都加总).

我一直在寻找chrome.devtools.*API,但没有找到任何直接的东西.

你有什么想法如何实现吗?

Gid*_*zer 36

在"网络"选项卡中,确保选中"禁用缓存",然后在加载页面时,查看底部面板以了解总传输大小.见下面的截图:

网络传输

各个大小是四舍五入的,但是底部的总数使用字节大小,您可以在HAR中看到.然后将总数四舍五入以显示.如果您发现个人总数与DevTools显示的总数之间存在轻微的不匹配,那就是原因.