Web
遅延読み込み
中級読み方：ちえんよみこみ｜英語：Lazy Loading
画面に表示されるまでリソースの読み込みを遅らせる技術。ページの初期表示を高速化する。
やさしい説明
遅延読み込みは、画面に見えていない画像や動画を後から読み込む技術です。
ページを開いた瞬間にすべての画像を読み込まないので、初期表示が速くなります。
具体例・使い方
<img src="photo.jpg" loading="lazy" alt="写真">
スクロールして画像が画面に近づくと自動的に読み込みが始まる
よくある疑問
Q: 遅延読み込みの実装方法は？
A: imgタグにloading="lazy"を追加するだけで実装できます。