エキスパート：実技問題（HTML作成、CSS読込と作成、画像の表示、JavaScriptの読込、レスポンシブWebデザイン対応）
ページ下部に大量の商品画像を配置しているECサイトで、初回表示時のページ読み込み速度を改善したい。この目的でimg要素に付与する属性として最も適切なものはどれか。
- Adecoding="sync"
- Breferrerpolicy="no-referrer"
- Ccrossorigin="anonymous"
- ✓loading="lazy"
解説
loading="lazy"を指定すると画面外の画像の読み込みをユーザーがスクロールして近づくまで遅延させることができ、初回表示の速度改善に有効である。
根拠実技問題：画像の表示