Twitterでkevinlearynet従ってください!

kevinleary.net

Firebugのでは、テストページの読み込み速度

さらに私はJavaScriptを使用して見つけ、より多くの私のページの重さを心配し始める。 jQueryの使用により、はるかにtradiotionallyサーバー側ではJavaScriptを使用し、クライアント側で処理することができますされました。

では、どうかについて、そこのWebサイトをロードするのにかかる時間を計測行くのですか? また、どのようにどのファイルが決めるのですかロードするためにほとんどの時間を取っている? その答えは、Firebugのネットパネルです。

)の場合、"ネットにFirebugは、それらを積極的に"タブを移動する必要がありますツールは、ネット(ネットワーク監視のためのショートを使用してください。

FireBug Net Panel (disabled)

としてFirebugの場合、順番にするかどうかの項目は、CSS、JavaScript、またはイメージファイルは、各項目の読み込み時間を指示し、単にあなたのページに、時計をリロードします。

FireBug Page Load Times

Firebugは 、以下のモニタリングを提供します:

  • XMLHttpRequestを/ AJAXの監視
  • 調べHTTPヘッダー
  • かどうかファイルかどうかをキャッシュにキャッシュされている
  • 休憩それをファイルの種類(CSSは、画像やJavaScript、等)による
  • ウォッチは、タイムラインを展開

リソース

このウェブサイトが、IntenseDebateのコメントを使用するためのいずれかのブラウザがJavaScriptをサポートしていないか、または十分な速度でロードされませんでしたが、現在読み込まれていません。

3件のコメント

  1. 8:30 AM アンドレアス / 8.25.08 / 8:30

    私はこのタイプのテストのためFirebugのYSlowの拡張子をお勧めします。 ネット]タブは素晴らしいが、YSlowは本当にヒントや情報をどのようにあなたのサイトを高速化するためにたくさんのことができます。

    また、console.timeを使用しては、JSの特定の部分の時間をコンソール()とconsole.timeEnd()(ここでは詳細:http://getfirebug.com/logging.html)を使用することができます。

  2. 12:34 PM / 9.15.08 / 12:34 zuborg

    Firebugの右、YSlowのは、特定のパフォーマンステストのアドオン

    私もこのオンラインで無料ツールをお勧めします:http://Site-Perf.com/

    このページのそれを測定読み込み速度との必需品(画像/のJS / css)はブラウザと同様に行うといい詳細なグラフを示しています - ので、簡単にボトルネックを見分けることができます。

    また、非常に有用なことは、このツールを使用(パケット損失レベルとping遅延)サーバーのネットワークの品質を確認することができることです。

  3. 1:15 PM ケビン / 9.15.08 / 13:15

    ポストに追加するための非常に涼しい、ありがとう。

コメントを残す

公開されません

<preとラップのコードブロックlang="LANGUAGE" line="1">"/中古"LANGUAGEがされている下司言語の構文をサポート。