Chromeはすぐに画像とフレームをネイティブに遅延読み込みする可能性があります

GoogleのChromeウェブブラウザは、画像とフレームのネイティブ遅延読み込みをすぐにサポートする可能性があります。会社のエンジニアは、ユーザーが新機能のロックを解除できるように、Google Chromeの最先端の開発バージョンであるChrome Canaryに2つのフラグを実装しました。

Webページのすべての要素がロードにおいて同等に重要であるとは限りません。ユーザーに表示されないコンテンツは、ユーザーに表示されないため、ページの下部のどこかに表示されるコンテンツよりも優先されます。

遅延読み込みは新しい手法ではありませんが、ページの読み込みを高速化するためにインターネット上の一部のサイトで使用されています。開始時にいくつかの要素、たとえば画像をロードする代わりに、遅延ロードはそれらが必要なときに、または必要になる直前にそれらをロードします。

記事の3ページ目に配置された画像を考えてください。ユーザーがブラウザーでページを開いたときにそれらをロードすることもできますが、ユーザーが2ページ目にいるときにこれらのイメージをロードすると、ページの初期ロード時間に役立つ場合があります。

関連した : グーグルは最近Chromeで重いページ警告をテストしました 。

Chromeでの遅延読み込み

Chrome Canaryを使用するChromeユーザーは、Googleが現在ブラウザーに組み込んだ新しい遅延読み込み機能を有効にすることができます。実験的なフラグはいつでもGoogleによって削除される可能性があり、機能がブラウザに統合される保証はありません。

chrome lazy load

ヒント :chrome:// settings / helpをロードして、ブラウザのバージョンとChrome Canaryかどうかを確認します。

  1. 負荷 chrome:// flags /#enable-lazy-image-loading Chromeのアドレスバーに。
  2. Chromeで画像の遅延読み込みをオンにするには、フラグを有効に設定する必要があります。
  3. 負荷 chrome:// flags /#enable-lazy-frame-loading
  4. フラグを有効にして、フレームの遅延読み込みをオンにします。
  5. Chromeブラウザを再起動します。

画像の遅延読み込みは、ユーザーが画像の近くまでスクロールするまで画像の読み込みを延期します。フレームの遅延読み込みについても同様です(ただし、フレームの場合)。

遅延読み込みはどのように役立ちますか?

遅延読み込みは、ページの読み込み時に一部の要素が読み込まれないようにブロックし、ユーザーがそれらの近くにスクロールしたときにそれらを読み込むことにより、ページの読み込み時間を改善すると考えられます。 Chromeの実装では、画像とフレームの遅延読み込みが可能です。

遅延読み込みは、接続が遅い場合に役立ちます。両方の遅延ロードフラグを有効にしてクイックテストを実行しましたが、比較的高速な50メガビット接続のコンピューターでは違いを確認できませんでした。

5Mビット以下の接続を使用している場合は、特に画像の多いページやフレームの多いページで、遅延読み込みの利点をより明確に確認できる場合があります。

遅延読み込みは、それを実装するサイトの帯域幅を節約するだけでなく、ユーザーがページの途中で下にスクロールするかサイトを終了するかによって、画像やフレームがまったく読み込まれない場合があります。

一部のコンテンツを既に遅延ロードしているサイトがChromeでどのように処理されるのかわかりません。 Chromeの実装はこれらを見つけてネイティブの遅延読み込みを無効にしますか、それとも競合の可能性がありますか?

では、あなた: ブラウザに遅延読み込み機能を実装することは良い考えだと思いますか?