ページ読み込み時間の概要では、Web ページの読み込みにかかった時間を領域別に確認できます。ページ読み込み時間を表示する手順は次のとおりです。
- アカウントのホームから Web Analytics ↗ を開き、ウェブサイトを選びます。
- Page load time を選びます。
確認できるコンポーネントは次のとおりです。
ページの読み込みに必要な合計時間です。ページ読み込み時間は、Web Analytics で表示されるほかのタイミングの合計とは一致しません。DNS 参照前のタイミングや、各タイミング指標の間の未帰属の隙間など、表示されない時間も含まれるためです。
DNS クエリにかかる時間です。再利用された接続や、ローカルキャッシュ（メモリまたはディスク）に保存されたコンテンツでは、0 になることがあります。
サーバーとの TCP 接続の確立にかかる時間です。HTTPS を使う場合、この処理には TLS ネゴシエーション時間も含まれます。
HTTP リクエストを送ってから、応答の最初のバイトを受け取るまでの時間です。
受信した応答の最初のバイトから最後のバイトまでの時間です。リソースのダウンロード時間と考えてください。
ページのレンダリングにかかった時間です。画像、スクリプト、スタイルシートなど、ページレンダリングをブロックするリソースの読み込みも含みます。この値が大きい場合は、ドキュメント構成やリソースサイズを最適化するか、Cloudflare Speed アプリの設定を調整します。このドキュメント処理は、domInteractive、domContentLoadedEventStart、domContentLoadedEventEnd、domComplete でさらに細かく確認できます。
ドキュメントとそのリソースの読み込みが完了したときに、ブラウザーが発火するイベントです。load イベント用の追加関数やロジックがある場合、Load Event の所要時間は有用な指標になります。
Web Analytics を動作させるため、Cloudflare は複数の種類のデータポイントを収集します。Paint Timings 用に追加で収集するデータポイントは次のとおりです。
ナビゲーションから、ブラウザーが画面に最初のピクセルを描画するまでの時間です。
ブラウザーが DOM から最初のコンテンツを描画した時刻です。