javascript - 特定のページで使用されている外部リソースとファイル サイズを検出する

Question

JavaScript を使用して、サイトで使用されている JavaScript、CSS、画像の数を検出したいと考えています。その上で、各アセットのファイル サイズを取得したいと考えています。これは可能ですか?もしそうなら、どのようにしますか?

Answer 1

ウェブサイトで使用されている外部のJavaScript、CSS、画像の数を検出するには、すべてのスクリプト、画像、スタイルタグを取得し、ドキュメントドメインとアセットドメインを比較してそれらが外部であるかどうかを確認します。

javascriptで外部リソースのサイズをチェックすることに関しては、それは難しいかもしれません。たとえば、ajaxを使用してスクリプトファイルとcssファイルを再フェッチして、ファイルの内容を取得する（サイズを推定する）ことはできますが、画像サイズの推定には問題があります。html5ファイルのapiまたはcanvasを使用して、画像の大きさを把握できると思います。