速度を最適化し、ユーザーエクスペリエンス(UX)を向上させる。
なぜこれを行う必要があるのですか?Navi+はすでに速くないですか?
Navi+は非常に高速です。非常に低いレイテンシ(約100ms)で、主要なCDNに完全に展開されており、数百万の顧客に対して遅延なくサービスを提供できます。
しかし、Navi+はまだShopifyエコシステム内で動作しています。Shopifyには独自の読み込みルールがあります:
- Shopifyは自社のリソースを最初に読み込むことを優先します。
- 次にShopifyはテーマコンテンツを読み込みます。
- 最後にShopifyはアプリコンテンツを読み込みますが、特定の順序はありません。
これは、複数のアプリを使用している場合、Navi+が予想よりも遅れて読み込まれることがあることを意味します。だからこそ、特定のケースでは遅く感じることがあります。
私の解決策は何ですか?
現在、Navi+はShopifyウェブサイトでの読み込み時に高い優先度を持っています。しかし、まだ一定の遅延があります。ここでこれらの問題に一つずつ対処します:
スライドメニュー:読み込み効果を追加し、トリガーセレクタをロックする
非常に簡単です:スライドメニューに使用しているCSSセレクタをNavi+アプリの埋め込みセクションに入力するだけです(下の画像を参照)。



メガメニュー(置き換えモード):読み込み効果を追加し、トリガーセレクタをロックする



注意:
- モバイルのみに適用したい場合は、接尾辞(M)を追加してください。
- デスクトップのみに適用したい場合は、接尾辞(D)を追加してください。
- 両方のプラットフォームに適用したい場合は、接尾辞を残さないでください。