要約すると： 遅延読み込みは、画像、動画、その他のページの一部を、コンテンツが必要になるまで読み込まない仕組みです。正しく使えば転送量と時間を節約できますが、使い方を誤るとメインコンテンツの表示を遅らせる可能性があります。
実務で遅延読み込みをどう使うか
遅延読み込みは、ページ全体の文脈で評価します。見出し、テキスト、操作要素、速度、フィードバックが一体となって、何ができ、次に何が起こるのかを説明する必要があります。まずタスクを妨げる障害を取り除き、装飾やエフェクトは基本が機能してから加えます。
注意すべき点
マウスで動作するからといって、コンポーネントが完成したわけではありません。遅延読み込みでは、キーボード操作、コントラスト、ズーム、スクリーンリーダー、低速ネットワーク、スクリプトなしの状態を確認します。アクセシビリティとパフォーマンスは付加要素ではなく、同じ体験の一部です。
意思決定のための問い
- その人はページ上でどのタスクを完了したいと考えていますか？
- どこで迷ったり、間違えたり、文脈を失ったりする可能性がありますか？
- モバイル、キーボード操作、低速ネットワークでも解決策は機能しますか？
- 変更が本当に役立ったことを示すシグナルは何ですか？