web-dev-qa-db-ja.com

ウェブサイトの応答時間:「読み込み」と「終了」の違い、

chrome devtools networkを使用してGoogleの応答時間を確認する必要があります。そのために、ウェブページをロードしてネットワークタブを開き、このウェブサイトなどの特定のウェブサイトの応答時間を確認します

enter image description here

時間量は2つあります。1つ目は「終了」、2つ目は「読み込み」です。終了は、遅延を含むすべてのリソースを含むページ全体を読み込むのにかかる時間です。この「読み込み」とは何ですか。最初は、これらすべての時間を合計すると「ロード」として合計されると考えましたが、これは真実ではありません。このWebサイトの応答時間は、「ロード」または「終了」と見なされますか?

27

Chrome= devtoolsのこの「終了」時間には、ページのonloadイベントが発生した後にダウンロードを続行する可能性がある、ページ上の非同期読み込み(非ブロッキング)オブジェクト/要素が含まれます。

一般的に言えば、Webサイトの応答時間は「読み込み」時間を意味します。これは、ユーザーがより簡単に認識できるためです。この時点で、ユーザーはブラウザーが機能し、画面にページが準備できていることを確認できます。終了時間。ただし、技術的には応答時間はエンドユーザーにそれほど影響を与えません。

場合によっては、完了タイマーが停止せずに増加し続けるように見えるため、Webページの応答時間の最適な評価にならない場合があります。

27
madballoonist

DevToolsは、DOMContentLoadedおよびloadイベントのタイミングをネットワークパネルの複数の場所に表示します。 DOMContentLoadedイベントは青色、loadイベントは赤色です。

https://i.stack.imgur.com/unni3.png

0
Praveen Kumar