要点
遅くなりません。メニューはページをブロックせずに読み込まれ、メニューが実際に使用するファイルだけを読み込みます。
メニューを高速に保つ仕組み
- ブロッキングなしの読み込み — メニューのスクリプトは非同期で読み込まれ、サブメニューのスタイルがページをブロックすることはありません。
- 使うものだけ読み込む — アイコンフォントはメニューでアイコンを使う場合のみ、ボトムバーのファイルはボトムバーがある場合のみ読み込まれます。
- 画像の遅延読み込み — 設定 > 詳細設定 > 画像の遅延読み込みを有効にする をオンにすると、メニューの画像は必要になったときにだけ読み込まれます。
- ちらつきなし — 新しいメニューの読み込み中はテーマの元のメニューが非表示になるため、買い物客に古いメニューが一瞬表示されることはありません。
軽さを保つには
- 画像の遅延読み込みを有効にする はオンのままにします。
- 適切なサイズの画像を使用します。
- 1つのメニューに重い埋め込み(動画、地図)を多数入れるのは避けます。
アクセシビリティ
買い物客はキーボードでサブメニューを開いたり項目間を移動したりでき、フォーカスされた項目にはわかりやすいアウトラインが表示され、メニュー項目とサブメニューにはスクリーンリーダー向けのラベルが付いています。
このページは役に立ちましたか?
フィードバックありがとうございます。 足りなかった情報を教える
問題を報告