Chrome ブラウザ開発者 Web ページの要素の遅延読み込みの手段を拡張し、ユーザーが要素の直前の場所までページをスクロールするまで、表示領域の外側にあるコンテンツを読み込まないようにすることについて。 以前の Chrome 76 および Firefox 75 では、このモードはすでに画像に実装されていました。 Chrome 開発者はさらに一歩を踏み出し、iframe ブロックを遅延ロードする機能を追加しました。
ページの遅延読み込みを制御するために、「iframe」タグに「loading」属性が追加されました。この属性は、「lazy」（読み込み遅延）、「eager」（即時読み込み）、および「auto」（読み込み遅延）の値を取ることができます。ブラウザの裁量により、モードが有効になっている場合 ）。 遅延読み込みにより、メモリ消費量が削減され、トラフィックが削減され、最初のページを開く速度が向上することが期待されます。 たとえば、新しいモードが有効になっている場合、Twitter、Facebook、YouTube の広告とウィジェットを含むブロックは、ユーザーがこれらのブロックの前の位置までページをスクロールするまでユーザーに表示されない場合、すぐには読み込まれなくなります。
開発者によると、遅延読み込みにより平均して 2 ～ 3% のトラフィックが節約され、トラフィックの数が減少します。 1～2% 削減されます 2％で。 特定のサイトでは、変化がより顕著になります。 たとえば、YouTube ブロックの遅延読み込みを有効にすると、ダウンロードされるデータが約 500 KB、Instagram で 100 KB、Spotify で 500 KB、Facebook で 400 KB 削減されます。 特に、Chrome.com Web サイトで YouTube ブロックの遅延読み込みを使用することで、モバイル デバイスがページが利用可能になってインタラクションを開始できるようになるのを待つ時間を最大 10 秒短縮し、サイトのサイズを縮小することができました。最初にロードされた JavaScript コードは 511 KB でした。
出所： オープンネット.ru