在Chrome DevTools中測量整頁大小

Question

我一直在Google上搜索一段時間，但還沒有找到任何明確的解決方案。我想測量完整的網頁重量/大小（所有的doucment +腳本+字體+樣式等）。我知道devtools中的網絡選項卡的大小/內容 - 但我想要它總結（並且不是每次總結它）。

我一直在尋找chrome.devtools。* API，但一直沒有找到任何東西。

你有一些想法如何實現這一點？

Answer 1

在網絡選項卡中，確保選中「禁用緩存」，然後在加載頁面時，查看底部面板的總傳輸大小。見下圖：

各個尺寸是圓的，但總在底部使用的字節大小，您可以在HAR看到。總數然後被四捨五入以顯示。如果您發現總計個人與DevTools顯示的總數之間存在輕微不匹配，那就是原因。