先日の画像をクッキーレスな別ドメインに設置してみるテストと平行して行ってみた各種テスト。
3~10KB程度の画像を画像20~30個、5KBのCSS1個、7KBのJSファイル1個、HTML内の文書が35KBの容量があっても、サイトの表示速度は0.3~0.5秒程度。
でも広告類やブログパーツ類を設置すると表示速度は2~3秒程度になる。
サイトの表示速度に、一体どのブログパーツが、どれだけ表示速度に影響を与えているか?
を測定してみたくなったので行ったテストです。
(#表にまとめるのが面倒になったので、今回は平打ちの文章。)
テスト内容
25KBほどのサンプルページを作成。
自分のサイトの一般的なページと同じレイアウト、同じ構成にして、少しずつJavascriptや外部ファイルを足したり引いたりして測定。
実施日2月1日。深夜0時~1時半。
(2時を回ると急速に早くなるので中止した)
基準になる数値
普通に広告、ブログパーツ、アクセキ解析、インクルードファイルを入れると 0.7秒~2.2秒
(キャッシュが何もない状態だと2.5~3.1秒)
(Googleウェブマスターツールで4秒前後になるのは何故だろう?)
全部外した状態(自前のJavascript、CSSのみ含む)状態で 0.29~0.32秒
(キャッシュが何もない状態だと0.6~0.8秒)
計測にはWebWait.comを利用。
色々外してみる
trackword.net と blogranking.net のブログパーツ両方を外す
表示速度 0.15秒改善
Pittaの広告を外す(1件)
表示速度 0.4~0.6秒改善
別広告
表示速度 0.25~0.4秒改善
Googleの広告を外す(4件)
表示速度 0.4秒改善
Googleの広告を外す(2件)
表示速度 0.2秒改善
逆アクセスランキング(simaccess)を外す
表示速度 変わらず(でもCPU利用時間は大きく変わる)
phpインクルード1件減らす
表示速度 0.05秒改善(誤差の範囲)
アクセス解析(MoguraPlusX)を外す
表示速度 0.15秒改善
Google Analyticsを外す
表示速度 0.03秒改善(誤差の範囲。Google Analyticsスゲー)
IMGタグにキチンとHeight、Width指定してみる(4個)
変わらない
ob_start ("ob_gzhandler"); を外す
表示速度 0.05秒悪化
(小さな数値だが、誤差ではないっぽい。)
(回線速度や経路・ファイルの大きさによっては速くなる筈。)
HTMLファイルの読み込み時間に、全部のパーツを足していけば2秒強になるので妥当な数値。
う~ん、、、やっぱりどれか1個が原因なのではなく、一つ一つが積み重なって遅くなっているのね(^_^;