以前はJavaScriptライブラリを通じてのみ可能でしたが、最近Chromeを含むいくつかのブラウザが動作しています。昨年、ブラウザは初めてヒントを得ましたが、 によって.今、Googleは怠惰なロードが今年の5月になると発表しました。
この機能を使用すると、イメージと iframe は、ユーザーがページの近くをスクロールしたときにのみページに読み込まれ、ロードインの正確な時間にネットワークの速度やその他の要因の影響を受ける可能性があります。時には、イメージと iframe は、ユーザーが基になるメカニズムに気づかせることなく、時間の前に読み込まれます。
イメージと iframe の動作は、読み込み属性を持つ開発者が調整でき、これは怠惰、熱心、自動に設定できます。対応する項目のために、Eager は遅延読み込みを非アクティブ化します。
当初、レイジーローディングはAndroidデバイスやスマートフォンに重いウェブサイトをロードするためのものでしたが、現在ではほとんどすべてのプラットフォームでGoogleのサポートを利用できるようになりました。ウィンドウズとして, Linux, クロムOS, アンドロイドウェブビューとマック.この機能は、Androidデバイスとロード=”auto”の要素を使用してChromeのデータセーバーがアクティブ化された場合、またはユーザーがスクロールしたときにのみ設定された属性を持たない場合、さらに積極的です。
ネイティブ <img> レイジーローディングが Web に来ています! <img loading=lazy> は、ユーザーが画面の近くをスクロールするまで、画面外のイメージを遅延させます。クロームでの送料 ~75— アディ・オスマニ (@addyosmani)
多くの広告主は、閲覧したユーザー数ではなく、インプレッション数を数えるため、ウェブサイト上の広告は影響を受ける可能性があります。したがって、ウェブサイトの所有者は、広告を読み込み=”eager”に変更することができ、怠惰なロードが有効になっているにもかかわらず、とにかく広告を読み込み、お金を稼ぐことが可能になります。
これは、使用するリソースが少なく、Chrome の速度が上がる場合に、ポジティブな変化と見なされます。218のテストによると、遅延読み込みは18〜35パーセントのブラウジングをスピードアップします。
この機能は、chrome://flagsし、Lazyを検索し、両方のフラグをアクティブにしてブラウザを再起動することで有効にすることができます。すべてが良い兆候として取られ、ユーザーエクスペリエンスを向上させるオフスクリーンで行われるので、明らかな変化は見られない。