0

ページのクライアント側のパフォーマンスを監視したいのですが、セクションの先頭でタイマーを開始し、onload イベントが発生した時刻を取得することで、ページの読み込み時間を取得できます。ただし、サーバーからページをリクエストするのにかかる時間は考慮されていません。検索した結果、Web タイミング API を使用する必要があることがわかりました。私の問題は、「window.performance」はクロムでは機能しますが、「window.mozPerformance」を含むFirefoxでは何も機能しないことです。それで、ブラウザがページの取得リクエストを開始し、ページの最後のバイトの受信を終了する時間を見つける方法を知っている人はいますか?

4

1 に答える 1

0

次のようなものを使用できます。

var timing = performance.timing;
var loadtime = timing.loadEventEnd – timing.navigationStart;

これは、Chrome 6 以降、IE9 以降、Firefox 7 以降、Android 4 以降で動作します。

そして、この古い (しかし良い) 投稿で詳細を読むことができます: http://blog.chromium.org/2010/07/do-you-know-how-slow-your-web-page-is.html

ところで、「監査」タブでコードの変更を測定するには、Chrome DevTools (または Firefox では firebug) を使用します。JS コードのすべての変更のコストを確認し、コードを追加することなく測定できます。さらに、時間の経過に伴うサイト (または Web アプリ) のパフォーマンスを確認したい場合は、Google アナリティクスで指標を確認するオプションがあります。

于 2012-07-10T05:45:01.340 に答える