サイトの表示を軽くするには、画像を小さくするだけでなく、どこで待たされるかを確認します。測定、原因への対処、再確認の順で進めましょう。
1．実際に遅いページと場面を確認する
スマートフォンで初期表示やスクロール、予約画面を確認します。測定ツールを使う場合も、端末や通信条件によって結果が変わることを踏まえて記録します。
2．原因に合う修正を行う
過大な画像、不要な読み込み、サーバー応答などを制作担当者と確認します。画像は必要な大きさと画質を保ち、文字が読めなくなる圧縮をしないようにします。
3．同じ条件で表示と操作を再確認する
修正後は速さだけでなく、画像、メニュー、予約フォームが正常に動くか確認します。点数だけを目的にして必要な機能を壊さないようにします。
自院で確認すること
DeepXiの図解は1080pxの原本を用意し、スマートフォン相当の幅でも文字を確認しています。容量と可読性を両方点検し、数値だけで画質を決めない運用にします。
よくある質問
スコア100を目指すべきですか？
利用者が必要な情報や操作へ進めるかを優先し、問題の原因に沿って改善します。
すべての画像を最小容量にしますか？
用途に必要な画質と表示サイズを保ち、見え方を確認します。
