31

ページの読み込みにかかる時間を確認する方法はありますか?

編集：

少し質問を広げます。ASP.NET プロジェクトで作業していて、Visual Studio 内でプロジェクトを実行すると、開始ページが画面に表示されて使用できるようになるまでに読み込み時間がかかるとします。

この Web サイトが公開されていた場合、読み込み時間は、Visual Studio からプロジェクトを開始したときの読み込み時間とは異なるはずです。

私が知りたいのは、Web サイトがサーバー上にある場合の実際の読み込み時間です。

編集2：答え

Chrome -> 右クリック -> 要素の検査 -> [ネットワーク] タブ。ページをロードすると、実際のページのロード時間、css、js などのロード時間を示す、ページのタイムラインに関する優れたレポートがあります。Mozilla には、Net タブの下に同様のツールがあります。

4

5 に答える 5

7

window.performanceまた、オブジェクト (Chrome、Firefox、および IE9+)を介して javascript を介してこれを取得できるようになったことにも注意してください。

これを試して：

window.onload = function(){
  setTimeout(function(){
    var t = performance.timing;
    console.log(t.loadEventEnd - t.responseEnd);
  }, 0);
}

詳細はこちら: http://www.html5rocks.com/en/tutorials/webperformance/basics/

于 2014-03-10T18:28:18.853 に答える
4

@nick-rtz が行っているように、本格的なテストには webpagetest を使用します。ロード時間を簡単に確認したいが、dev を使用したくない場合は、この Chrome 拡張機能のツールが役立ちます - https://chrome.google.com/webstore /detail/page-load-time/fploionmjgeclbkemipmkogoaohcdbig

于 2013-06-12T19:37:33.080 に答える
2

私はこのツールを使用します: http://www.webpagetest.org/ しかし、これはライブ サイト用です。実際の使用状況を表すものではないローカル ファイルのベンチマークを行いたいが、トランスポート時間だけでなく、レンダリング時間を測定したい場合があります。ロード時間は、地球上でユーザーがサーバーに対して地理的にどこにいるかによって異なることに注意してください。

于 2013-06-12T06:45:22.370 に答える