google-chrome - 在Chrome DevTools中测量整页大小

标签 google-chrome web google-chrome-devtools performance-testing

我已经搜寻了一段时间,但尚未找到任何明确的解决方案。

我想测量整个网页的权重/大小(所有文档+脚本+字体+样式等)。我知道devtools中的network选项卡具有大小/内容-但我想将其汇总(而不是每次都汇总)。

我一直在寻找chrome.devtools。* API,但没有找到直接的方法。

您对如何实现这一点有想法吗?

最佳答案

在“网络”选项卡中,确保选中“禁用缓存”,然后在加载页面时,查看底部面板的总传输大小。请参见下面的屏幕截图:

Network Transfer

各个大小均经过四舍五入,但是底部的总和使用字节大小,您可以在HAR中看到该大小。然后将总数四舍五入以显示。如果您发现个人总数与DevTools显示的总数之间略有不符,这就是原因。

关于google-chrome - 在Chrome DevTools中测量整页大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38239980/

相关文章:

javascript - 如何删除所有最近的控制台命令

css - 获取 Chrome 开发工具设备模拟的宽度

javascript - 如何在显示 console.debug 的同时隐藏 Chrome 58+ 中的违规行为?

Javascript:如何检查所有三个变量是否不同?

javascript - 如何缩放html中的文本?

Angular PWA 错误站点无法安装 : no matching service worker detected

javascript - 如何确保 Chrome 上的 HTML 视频自动播放脚本能够正常工作?

javascript - 每个 ip/24hs 显示一次 div 在 chrome 中不起作用

javascript - 将数据从其他网站内联 CSS 粘贴到 CK 编辑器中,在 Google Chrome 中丢失,但在 IE 和 Firefox 中不丢失

java - Eclipse:为什么无法识别手动创建的类?