5

サーバーから最初の本文が返された後、ページの読み込みパフォーマンスを測定して記録することに興味があります。つまり、ブラウザーが HTML を取得すると、ページ上のすべての画像、CSS、JavaScript の読み込みが完了し、最初の jquery Ready ブロックのレンダリングと実行が完了します。

これでパフォーマンス テストを実行する最良の方法は何ですか? 私が読んだことのほとんどは、サーバーの応答とデータのダウンロードに焦点を当てる傾向があります。ただし、ユーザーが待機するほとんどの時間はこの後です。自動化された方法でこれを支援するものはありますか?

4

3 に答える 3

3

ユーザーがサイトや Web アプリをリアルタイムでどのように体験しているかを明確に把握できるリアル ユーザー監視サービスを試すことができます。

于 2015-09-29T06:13:48.307 に答える
3

Chrome には、開発者ツールにプロファイラーが組み込まれています。CTRL+SHIFT+IPC またはCmd+option+JMac で。

jQuery を使用すると、ウィンドウのロード前に DOM の準備が整います。したがって、次のようなもので、DOM の負荷とアセットの負荷の差分がわかります。

// When the DOM is loaded
$(function(){
    console.log('Start ' + new Date().getTime());
});

// When all the images are loaded
$(window).load(function(){
    console.log('End ' + new Date().getTime());
});
于 2013-02-25T21:24:03.530 に答える