Chromeの全ページサイズを測定するDevTools

Question

私はしばらくの間グーグルで行ってきましたが、これに対する明確な解決策は見つかりませんでした。

私は完全なウェブページの重量/サイズ（すべてのdoucment + scripts + font + stylesなど）を測定したいと考えています。私はdevtoolsのネットワークタブがサイズ/コンテンツを持っていることを知っていますが、私はそれを合計したいと思います。

私はchrome.devtools。* APIを探していましたが、まっすぐなものは見つかりませんでした。

これを達成するためのアイデアはありますか？

Answer 1

[ネットワーク]タブで[キャッシュを無効にする]がオンになっていることを確認してから、ページを読み込むときに、下部のパネルで合計転送サイズを確認します。下のスクリーンショットを参照してください：

を個々のサイズは丸みを帯びていますが、一番下の合計は、あなたがHARで見ることができるバイトサイズを、使用しています。合計は表示のために丸められます。個人の合計とDevToolsで表示された合計との間にわずかな不一致がある場合、その理由があります。