読んでいる文章や押そうとしたボタンが突然動くと、読む位置を見失ったり別の操作を選んだりすることがあります。領域を確保していない画像や広告、動的に挿入される内容、フォントの切り替えなどが原因になります。
画像や動画の幅・高さ、またはアスペクト比を指定し、広告や埋め込み要素の領域をあらかじめ確保します。フォントの読み込み方法は、代替フォントの寸法と実際の表示を確認して選びます。
ラボテストと実際のユーザーデータでは条件が異なります。初期読み込みだけでなく、スクロールや操作中のずれも確認します。具体的な改善値を示すには、比較可能な条件で測定した実際の記録が必要です。
