サイトのクライアント側のパフォーマンスを監視する

Question

ページのクライアント側のパフォーマンスを監視する必要があります。セクションの先頭にタイマーを開始して、ページの読み込み時間を取得できます。 onloadイベントが発生します。しかし、これはサーバーからページを要求するのにかかる時間を考慮していません。だから検索後、私はWebタイミングAPIを使うべきであることを知りました。私の問題は、 "window.performance"はchromeで動作しますが、 "window.mozPerformance"を含むfirefoxでは何も動作しません。だから誰も私のブラウザがページの取得要求を開始し、ページの最後のバイトの受信を完了する時間を見つける方法を知っていますか？これは、上のあなたのために動作します

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

： クローム6+、IE9 +、Firefoxの7+、アンドロイド4+

そして、あなたはこの古いで詳細を読むことができます

Answer 1

次のようなものを使用することができます（ただし良い）投稿： http://blog.chromium.org/2010/07/do-you-know-how-slow-your-web-page-is.html Btw、私はChrome DevTools（またはFirefoxのFirebug）を使用して、コードの変更を '監査'タブで測定します。あなたはJSコードのあらゆる変更のためのコストを知ることができ、コードを追加することなく測定することができます。さらに、時間が経つにつれてサイト（またはウェブアプリ）のパフォーマンスがどのようなものかを確認したい場合は、Googleアナリティクスのメトリックをチェックするオプションが追加されました。