回答:
オープン開発ツール(Ctrl+ Shift+ Iまたは設定アイコンブラウザウィンドウ=>の右上にあるTools
=> Developer tools
)必要なページで、スイッチへのネットワークタブとリロードページ。
[ サイズ ]列には、ロードされたすべてのサイズ(ドキュメント、スタイルシート、画像、スクリプトなど)が表示されます。フィルターを有効にすると、開発者ツールフレームの中央下部で必要なものだけを見つけることができます。
3番目のChrome拡張機能ページサイズインスペクターを作成しました。これは、ページサイズ、キャッシュの使用状況、ネットワーク要求、Webページの読み込み時間を便利な方法ですばやく報告します。
「クイックソースビューアー」と呼ばれる拡張機能があり、ページが読み込まれるとすべてのリソースをキャッシュします。ビューアー(青いアイコン)を開くと、左側のナビゲーションペインにサイズ(バイト数)が表示されます。