ページの総データ通信量を測りたい

Question

二百近くある各WEBページの総データ通信量を調べたいと思っています。

CSSやJS、画像などはサーバにあり、
HTML自身は、ローカルにあります。

HTMLのみだと、lsコマンドなどで調べることができますが、
サーバにある読み込まれるはずのファイルもまとめた
全てのページのサイズがわからないです。

ChromeのDelveloper Toolsで各ページずつ測ろうかと思いましたが、
ページの数が多いため、出来る限り自動化したいと考えております。

よろしくお願いします。

Answer 1

キャッシュの考慮を入れると死にますので、完全に正確は値はでなさそうですね。

Node.jsやPHPはそれぞれjQuery、PHPQueryが使えますので、
link img scriptの一覧を取り出してsrcやhrefから必要なファイルを特定すれば楽勝ですね。

静的なファイルなら専用の関数で直接ファイルサイズをチェックすれば良いですし、
動的なファイルであればHTTPリクエストを投げてバイト数を確認して捨てれば良いです。

Comments

[miyabi-sun]

テキストファイルはjQueryやAngularJSみたいな超巨大ライブラリでもなければ大した事はないので、
JSやCSSは読まないようにしたり、固定のファイルサイズを足せば更に手抜きが出来ますね。

[TaskForce]

今回は、htmlのみで静的なファイルばかりでしたので、
ファイルサイズをヘッダーをチェックして
Content-Lengthから取得する関数を作ってみましたが、
一部のファイルが、Access-Control-Allow-Originヘッダを返さなかったため、
断念してしまいました。

とりあえず、ファイル名を取得して
ローカルで画像のサイズを取得することになりました。

数百ページあったので、予め入れてたSelenium2で全自動化したかったんですがね・・・
もっと、なにか良い方法があったのではないかなと考えてしまいますね

すぐに返信してくださったのに、
実装に時間がかかってしまって遅れてしまいました。

ありがとうございました。