速度を最適化し、ユーザーエクスペリエンス(UX)を向上させる。

なぜこれを行う必要があるのですか?Navi+はすでに速くないですか?

Navi+は非常に高速です。非常に低いレイテンシ(約100ms)で、主要なCDNに完全に展開されており、数百万の顧客に対して遅延なくサービスを提供できます。

しかし、Navi+はまだShopifyエコシステム内で動作しています。Shopifyには独自の読み込みルールがあります:

  1. Shopifyは自社のリソースを最初に読み込むことを優先します。
  2. 次にShopifyはテーマコンテンツを読み込みます。
  3. 最後にShopifyはアプリコンテンツを読み込みますが、特定の順序はありません。

これは、複数のアプリを使用している場合、Navi+が予想よりも遅れて読み込まれることがあることを意味します。だからこそ、特定のケースでは遅く感じることがあります。


私の解決策は何ですか?

現在、Navi+はShopifyウェブサイトでの読み込み時に高い優先度を持っています。しかし、まだ一定の遅延があります。ここでこれらの問題に一つずつ対処します:

スライドメニュー:読み込み効果を追加し、トリガーセレクタをロックする

非常に簡単です:スライドメニューに使用しているCSSセレクタをNavi+アプリの埋め込みセクションに入力するだけです(下の画像を参照)。

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

注意:

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