遅延読み込みとは？

Lazy Loading

別名：レイジーローディング、lazy loading

すぐには見えない画像などの読み込みを遅らせる方法。

まず、短く答えると

遅延読み込みの意味

表示位置に近づいてから読み込むことで、最初に必要なデータを減らします。最初から見えるメイン画像まで遅らせると、かえって表示が遅くなることがあるため、対象を選びます。

作ったWebサイトやシステムを公開し、安定して使い続けられるようにする場面で登場します。

公開前だけでなく、公開後の監視、更新、障害への備えまで含めて確認します。

ページ下部の事例写真は遅延読み込みにし、上部のメイン画像はすぐに読み込みます。

覚え方のコツ

役割

すぐには見えない画像などの読み込みを遅らせる方法。

理解の深さ

基本の意味に加えて、関連する用語との役割の違いまで押さえると理解が深まります。

確認の視点

公開前だけでなく、公開後の監視、更新、障害への備えまで含めて確認します。

混同しないために

「遅延読み込み」はすぐには見えない画像などの読み込みを遅らせる方法ものです。一方、「画像圧縮」は画像のファイル容量を小さくする処理ものです。役割を分けて考えると、二つのつながりを理解しやすくなります。

一度公開して終わりではありません。更新方法、バックアップ、問題が起きたときの対応もあらかじめ決めておくことが大切です。

よくある疑問

Aすぐには見えない画像などの読み込みを遅らせる方法。

A「画像圧縮」、「ファーストビュー」、「レスポンスタイム」と一緒に覚えると、役割や使われる場面の違いが分かりやすくなります。

AIに相談してみる

［　］の部分を自分の状況に合わせて書き換えてください。

以下のページの画像で、遅延読み込みにする対象を判断してください。最初から見えるメイン画像は一律に遅延させず、表示のずれと実施後の計測も考慮したコード例を示してください。 変更理由も短く示し、情報が足りない場合は先に質問してください。

画像配置・現在のHTML・表示速度の記録：
［ここに貼り付け］

秘密情報は入力しないでください

ほかの言葉も調べてみませんか？