Chromeのloading属性は、指定しなくてもデフォルトで"lazy"の挙動となりうる ～loading属性の落とし穴から学ぶ、機能拡張と初期値・デフォルト挙動の話～ - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 【事前知識】loading属性について Chromeのimg・iframe要素には、loading属性というものがある。 こいつをHTMLでloading="lazy"のように指定すると、遅延読み込みする（画像等がスクロール等で画面内に入ってきた時に初めて読み込み始める）。 こうすることで、時間がかかる無駄な読み込みが抑えられ、ページ表示速度が速くなったり、通信量を減らせたりする。 値には次の3種類があり、"lazy"が遅延読み込みオン、"eager"は遅延読み込みオフ（遅延せず愚直にすぐ読み込み）、"auto"はlazyかeagerか

[Fushihara]

過激派「load使うな。DOMContentLoaded使え」

[yarumato]

““loading="lazy"指定で遅延読み込み（画像等がスクロール等で画面内に入ってきた時に初めて読み込み始める）。値は3種類、"auto"はlazyかeagerかをChromeが自動で決める。　Chromeの独自拡張で重大な互換性破壊”

[fujikolp]

new IE

[password1234]

後方互換性を大事にしろというのには異論ないのだけど、モバイル環境で見られるWebサイトにonloadのタイミングで画像が全て揃ってないとできない処理がある設計はそもそもこれを機に見直した方が良いと思う

[bocuno]

デフォルト挙動の話してから、onloadで不具合発生する可能性あるよって順番にした方が分かりやすいんじゃないかな。

[rti7743]

chromeが下位互換性を無視しているのはよくあることだと思う。古いライブラリとかがどんどん動かなくなるし。勝手にchromeが更新されるからある日突然動かなくなるので余計にたちが悪い。互換性なにそれ食えるの的な。

[tkmkg8m]

″img要素にloadingって書かなくても、loading="auto"と解釈されてしまう″。マジか。あとで確認しよう。