ハンドラにフォールバックするライブラリで、私が書いたものです。他の主要なブラウザと互換性があります。使ったアプリケーションの開発に慣れている場合には、イメージの遅延読み込みを行う慣れた方法です。パターンが豊富にあります。自分で手を加えたいのでない限り、ライブラリを利用するのが早道です。最小限の労力で済みます。うまくいかない原因イメージや動画の遅延読み込みによって確かにパフォーマンスが向上しますが、簡単に行えるタスクではありません。行われない場合、意図しない結果が生じる可能性があります。そのため、次の点に注意することが重要です。遅延読み込みしたいという誘惑にかられますが、注意が必要です。スクロールしなくても見える範囲にあるものは、遅延読み込みすべきではありません。そのようなリソースは重要なアセットとみなし、通常どおりに読み込む必要があります。対話的になるまで、そのような重要なメディア・リソースの読み込みが遅延されるためです。要素を使用したほうが速く読み込むことができます。最近はウェブサイトがさまざまなサイズの画面で表示されるため、スクロールせずに見える範囲を容易に特定できません。ノートパソコンではファーストビューで表示されるものも、モバイル端末ではスクロールしないと表示されない可能性があります。あらゆる状況でこれに対処するための絶対確実なアドバイスはありません。ページの重要なアセットの一覧を作成し、それらのイメージを通常の方法で読み込む必要があります。遅延読み込みをトリガーするためのしきい値として、ファーストビューの範囲を厳密に指定したくない場合があります。ゾーンを設定するほうが都合がよいかもしれません。ユーザーがスクロールしてビューポート内にイメージが現れるより前に、余裕を持ってイメージの読み込みを始められるからです。プロパティを指定できます。これにより、要素に効果的にバッファを与え、要素がビューポートに現れる前に遅延読み込み動作をトリガーできます。プロパティで指定した値と似ているのに気付かれるでしょう。ピクセル分広げています。ピクセル以内にあるときにコールバック関数が実行されることを意味します。ユーザーに実際に表示される前にイメージの読み込みが開始します。チェックを調整してバッファを含めます。サポートしていないブラウザでも同じ効果が得られます。レイアウト操作を引き起こす可能性があります。テクニックを使用することを検討してください。更新されるまで、最初はその属性がプレースホルダを指す必要があります。