スクロールせずに見える範囲のコンテンツのサイズを削減する

モバイルでの画面表示を意識して　初期表示は早く表示できるようにしておくとよい。


https://developers.google.com/speed/docs/insights/PrioritizeVisibleContent

このルールは、ページのスクロールせずに見える範囲のコンテンツを表示するのに追加のネットワークの往復が必要なことを PageSpeed Insights が検出した場合にトリガーされます。

概要

リクエストされたデータの量が初期の輻輳ウィンドウを超える場合、サーバーとユーザーのブラウザ間で追加の往復が必要になります。モバイル ネットワークのような遅延の多いネットワークの場合、これによってページの読み込みが大幅に遅れる可能性があります。

推奨される解決方法

ページの読み込みを速くするため、ページのスクロールせずに見える範囲のコンテンツの表示に必要なデータ（HTML マークアップ、画像、CSS、JavaScript）のサイズを制限します。次のような方法があります: