Chrome 开发工具以大尺寸显示资源，以非常小的尺寸显示下载的内容
Chrome Dev Tools show Resourecs in largesize and content downloaded in very small size
在我的应用程序中，我正在进行一个 REST 调用，它提供了大约 7mb 的数据，但是当我在 chrome Devtools 中看到时，我看到大约 50mb 的资源，如此屏幕截图所示 devtools 也是正在加载到我的浏览器，这会影响应用程序的性能，您能否告诉我们这些资源到底是什么？？
48.9 MB resources是指页面所有资源解压后的大小。 7.4 MB transferred 是通过网络下载的数据量。您的页面正在下载 7.4 MB 的数据，而不是 48.9 MB。
可以这样想：
- 已下载 7.4 MB 的压缩数据
- 浏览器解压缩所有这些数据
- 相同数据的未压缩大小为 48.9 MB
https://developers.google.com/web/tools/chrome-devtools/network/reference#total-size
在我的应用程序中，我正在进行一个 REST 调用，它提供了大约 7mb 的数据，但是当我在 chrome Devtools 中看到时，我看到大约 50mb 的资源，如此屏幕截图所示 devtools 也是正在加载到我的浏览器，这会影响应用程序的性能，您能否告诉我们这些资源到底是什么？？
48.9 MB resources是指页面所有资源解压后的大小。 7.4 MB transferred 是通过网络下载的数据量。您的页面正在下载 7.4 MB 的数据，而不是 48.9 MB。
可以这样想：
- 已下载 7.4 MB 的压缩数据
- 浏览器解压缩所有这些数据
- 相同数据的未压缩大小为 48.9 MB
https://developers.google.com/web/tools/chrome-devtools/network/reference#total-size