3

これは、私のページの1つの典型的なロード時間が次のように分割される方法です:-

Domain Lookup     0            0 %
Connect           134          .3%
Request         19658          40%
Response          134          .3%
DOM             28808          58%
Interactive         1           -
Content Loaded   1427           -
Load Event        645           1%

これらの値は、chrome 拡張機能Page Rank Statusによって示されるとおりです。ここで明らかに、リクエストと DOM の部分が最も時間のかかる部分です。Request、Response、DOM、Interactive、Load Event が正確に対応するものを誰か説明してもらえますか? これは、ウェブサイトを最適化し、ページ全体の読み込み時間を短縮するのに役立ちます.

ありがとう ！

4

1 に答える 1

5

おそらく、W3C Navigation Timing API、特に PerformanceTiming インターフェイス ( http://www.w3.org/TR/navigation-timing/#sec-navigation-timing-interface ) をよく読みたいと思うでしょう。

リクエスト = 送信されたリクエストの開始からレスポンスの最初のバイトが受信されるまでの経過時間 - ネットワークの待ち時間が長い場合を除き、このほとんどはサーバーの処理時間になります。

応答 = 応答の最初のバイトから応答の最後のバイトまでの経過時間 - これは、ネットワークのスループットと応答サイズの関数になります。

私の推測では、DOM はページの開始と DOMContentLoadedEnd イベントの違いであるため、Request からの 19 が含まれます。

ページのパフォーマンスを詳しく知りたい場合は、webpagetest.org で実行することをお勧めします。

于 2014-01-02T14:18:03.757 に答える