モバイルと速度の最適化

スピードは新たな通貨

ユーザーは即時の読み込みを期待。 ページの読み込みに3秒以上かかると、ほとんどの訪問者が離脱し、1秒遅れるごとにコンバージョン率が大幅に低下。 主な問題点：

• 画像サイズが大きすぎる：読み込みが遅くなる。画像を圧縮；
• 重いスクリプト：レンダリングを妨げる。スクリプトの削除または遅延読み込み；
• 遅いホスティング：応答が遅延。高品質なホスティングへのアップグレード；
• 自動再生メディア：帯域幅を消費； 遅延読み込みを活用。

モバイルファースト設計

モバイル設計はデスクトップレイアウトを縮小することではなく、小さな画面向けに体験全体を再設計すること。 ベストプラクティス：

• 大きくタップしやすいボタンを使用；
• フォームは短く（2～3項目）；
• コンテンツは縦に積み重ねる；
• 拡大せずに読める文字サイズ；
• 複数端末でテスト。

親指で操作しやすいインタラクション

モバイルユーザーは片手、主に親指でスクロール。 CTAの配置はメッセージと同じくらい重要。