ネットワークの監視

あなたの作成したページは読み込みにやたらと時間がかかります。でもそれは一体何故？夢中になって JavaScript を書きすぎた？それとも画像を圧縮し忘れてしまった？はたまた広告の表示元サーバがお昼寝中とか？ Firebug はひとつひとつのファイルについて考えられる要因のすべてを分析します。

時間経過を視覚化

[接続] タブでは、ページ上のファイルそれぞれについて、読み込みが開始されてから終わるまでの時間経過が棒グラフで表示されます。棒グラフは、JavaScript ファイルは同時には読み込まれずに逐次読み込まれることなど、あなたの知らなかったことまで教えてくれます。こうした情報はファイルの順番を変更してページが表示されるまでの読み込み時間を少なくするのに役立つでしょう。

種類によって分類

ときには JavaScript ファイルや画像ファイルなど、特定の種類のファイルが特に気になることもあるでしょう。[接続] ツールバーのボタンをクリックすると、表示されるファイルの種類をフィルタリングできます。これはある特定の種類のファイル全体の合計サイズやダウンロード時間を知るのにも役立ちます。

キャッシュファイルか否か

すべてのネットワークリクエストが同じというわけではありません。いくつかはネットワークからではなくキャッシュから読み出されます。Firebug はキャッシュから読み出されたコードを明るい灰色に色付けして表示しますので一目で判別がつき、あなたのサイトが読み込み速度向上のためにどのくらい効率的にキャッシュを利用しているかがすぐに判るでしょう。

HTTP ヘッダーの調査

HTTP ヘッダは MIME タイプやサーバーの種別、あるいはキャッシュの設定といった、あらゆる種類の興味深い情報を含んでいます。それぞれのリクエストの左にある矢印をクリックすると HTTP ヘッダが展開されます。

XMLHttpRequest モニタリング

Ajax の動作に使われる XMLHttpRequest と呼ばれる小さなオブジェクトがあります。この送受信されたリクエストの中身が見えないというのはあまり気持ちの良いものではありません。Firebug は [接続] タブと [コンソール] タブ双方に、それぞれの XMLHttpRequest について、Post されたテキストとそれに対するレスポンスを表示します。