Google ChromeおよびChromiumベースのWebブラウザーは、新しいパフォーマンス改善機能「iframe遅延読み込み」を取得します

ニュース
アンドロイド / Google ChromeおよびChromiumベースのWebブラウザーは、新しいパフォーマンス改善機能「iframe遅延読み込み」を取得します 読んだ3分 ChromeCanaryの通知プロンプト

グーグルクローム



Google Chrome、およびMicrosoftの新しいEdge、Opera、Vivaldi、BraveなどのChromiumベースに依存するすべてのWebブラウザーは、全体的なパフォーマンスの向上に役立つ新機能をサポートするようになります。これらのブラウザは、「iframeコンテンツの遅延読み込み」をサポートできるようになりました。この新機能は、Webコンテンツの読み込みをインテリジェントに調整およびスケジュールすることにより、これらのWebブラウザーのバランスを取り、パフォーマンスを向上させるのに役立ちます。

Googleは、最も人気のあるWebブラウザのいくつかを強化するChromiumベースを改善しました。コアは「iframe遅延読み込み」をサポートするようになりました。この機能は、大量のコンテンツを含む大きなWebページをロードする場合に重要です。遅延読み込みは、ブラウザに負担をかけるコンテンツの同時読み込みを防ぎます。さらに、同時ロードは、Webブラウザー、そして最終的にはPCのパフォーマンスに悪影響を与える可能性があります。



ブラウザでのWebページのスムーズな操作を保証するChromiumの機能「iframe遅延読み込み」機能：

グーグルは持っています 確認済み 独自のGoogleChrome Webブラウザーだけでなく、他のいくつかのブラウザーにも対応するChromiumベースが、iframeコンテンツの遅延読み込みをサポートするようになりました。この新機能は、Googleが最近ChromiumとChromeでの画像の遅延読み込みのサポートを導入した直後に提供されます。簡単に言えば、画像とマルチメディアコンテンツが選択的に読み込まれるだけでなく、通常はiframe内に配置されるコアコンテンツも読み込まれます。



技術的な観点から、遅延読み込みは、ユーザーがアクセスするかスクロール範囲内に入るまで、ブラウザが特定のコンテンツを読み込むことを制限します。ページが初めて読み込まれるときに、スクロールせずに見える範囲に表示されていないコンテンツが「遅延読み込み」される可能性があります。ユーザーが下にスクロールすると、スクロールアクションが実行されている間にコンテンツが読み込まれます。



ChromiumベースのWebブラウザの「iframeの遅延読み込み」機能は同じ手法に従います。ただし、ウェブマスターまたはウェブサイトデザイナーは、サイトのコードでiframeにloading =” lazy”属性を使用することが重要です。この属性は、コンテンツをすぐにロードしてはならず、スクロールパターンに従ってロードできることをブラウザーに通知します。



キヤノンb200エラー

言うまでもなく、最近まで、「遅延読み込み」をサポートしていないブラウザは、属性を完全に無視し、可能な限り多くのコンテンツを読み込んだり、アクセスしたりしていました。これにより、Webブラウザー、そして最終的にはPCまたはインターネット対応デバイス（スマートフォン、タブレットなど）にいくらかの圧力がかかります。一方、大量のRAMと強力なCPUを備えたデバイスは、ブラウザーのロードによる影響はあまりありません。同時に多くのコンテンツが発生すると、RAMが制限されているか少ないデバイスと軽量のCPUが悪影響を受ける可能性があります。

一方、「遅延読み込み」をサポートするブラウザは、それに応じて読み込みを処理します。ちなみに、 Mozilla Firefox バージョン75がリリースされて以来、この機能をサポートする機能がありました。 Firefoxは現在バージョンv78（安定版）です。

遅延読み込みはWebブラウザにどの程度のプラスの影響を与えますか？

Googleは、ウェブブラウザでのiframeの遅延読み込みの影響を判断するためにいくつかのテストを実行しました。観察結果は次のとおりです。

  • YouTube埋め込みの遅延読み込みでは、最初のページ読み込みで約500キロバイト節約できます。
  • Chrome.comでは、GoogleがページのYouTube埋め込みに遅延属性を追加したときに、モバイルデバイスでの読み込み時間を10秒短縮することに成功しました。
  • Instagramの埋め込みを遅延読み込みすると、初期読み込みで約100キロバイト節約できます。
  • Spotifyの埋め込みを遅延ロードすると、初期ロードで514キロバイト節約できます。

https://twitter.com/PickJBennett/status/1116776399988121600

結果はさまざまですが、オフスクリーンiframeの遅延読み込みは通常、データ節約の中央値を2〜3パーセント、最初のコンテンツを1〜2パーセントフルペイント、最初の入力遅延を2パーセントにします。グーグルはまた、使用する可能性があると述べた Webサイトでの広告の属性の読み込み 。簡単に言えば、Googleはこの機能をどのように使用できるかを示している可能性があります 広告を選択的にロードする 。

タグ クロム グーグル