最大の表示要素を速く読み込む

ページで最も大きい表示要素を速く読み込むのを手伝ってください。
ページ: [ページ]
要素: [要素]
構成: [構成]
手順: 1. 計測レポートとページの HTML の冒頭を読み、モバイルとデスクトップで最初に見える範囲の最大要素を示してください。 2. その要素の読み込み時間を、サーバー応答、読み込み開始までの待ち、読み込み時間、表示までの時間に分けてください。 3. よくある原因を確認してください。画像の遅延読み込み、スクリプトでしか挿入されない画像、大きすぎるファイル、表示を妨げるスタイルシートやフォント、リダイレクトです。 4. 画像を早めに予告する、この画像の遅延読み込みをやめる、適切なサイズと形式を配信する、重要なスタイルを直接埋め込むなどの変更を提案してください。 5. 変更を期待される効果と手間で並べてください。 6. 変更後にラボデータと実際のユーザーデータで結果を確認する方法を説明してください。
出力: デバイスごとの要素、時間の内訳、効果順の変更一覧、確認計画。

特に体感速度を決める一つの要素に集中することを大切にしてください。

回答する前に確認してください：指示をすべて満たしていますか。重要な情報が足りない場合や、角かっこの入力欄が残っている場合は、推測せずに質問してください。推測した点は推測だと明記してください。​