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か
