iframeや画像のlazy-loadingによる初期レンダリング高速化

Sun, 20 Jul 2025 00:00:00 +0900

はじめに

Webサイトの表示速度を最適化する上で、非常に効果的でありながら見落とされがちなのが 「画面外（非表示領域）のリソース読み込み遅延」 です。

特に、ページ下部に配置されている画像や、YouTube動画の埋め込み、SNSのタイムライン、広告バナーなどの <iframe> 要素は、ページの初期ロード時に裏側で大量の通信（JavaScriptや画像データなど）を実行し、メインスレッドの動作を重くする大きな原因になります。