
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
画像遅延読み込み(loading属性 + IntersectionObserver) - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
画像遅延読み込み(loading属性 + IntersectionObserver) - Qiita
Intersection Observer APIは直訳すると交差監視APIという名前です。これは要素と要素の交差を検知するA... Intersection Observer APIは直訳すると交差監視APIという名前です。これは要素と要素の交差を検知するAPIになります。(参照: https://ics.media/entry/190902/) 実装 本来、loading属性はHTMLのみで完結しますが、対応ブラウザはChrome 76、Firefox 75、Chromium 版 Edge においては、デフォルトで利用可能になっていますがそれ以外が使用不可なので使用できない箇所はJavascriptで実装していきます。 HTML const lazyLoad = function () { const dataSrc = document.querySelectorAll("img[data-src]") const sources = document.querySelectorAll("source[data-s