Navi+ がメニューを常にオンラインに保つ仕組み — 「Use a second CDN (BunnyCDN)」オプション

メニューはテーマの中に保存されているわけではありません。ページが読み込まれるたびに、ブラウザは Navi+ からいくつかの小さなファイル — メニューエンジン、そのスタイル、メニューデータ — を取得します。これらのファイルがどこから届くかで、メニューが表示されるか、どれだけ速いかが決まります。このページでは、その配信の仕組み、障害に対する備え、そして Shopify アプリ埋め込みの Use a second CDN (BunnyCDN) チェックボックスが何を変えるのかを説明します。


2つのネットワーク、1つのメニュー

Navi+ はメニューのファイルをコンテンツ配信ネットワーク(CDN)経由で配信します。世界中に分散したサーバー群が同じファイルのコピーを保持し、各訪問者は近い拠点から配信を受けます。

1つのネットワークの問題でメニューが消えることが決してないように、同じファイルを異なる2社が運営する独立した2つのネットワークに保持しています。

ネットワーク 提供元 役割
メインネットワーク Cloudflare 初期設定ではすべてのストアに配信します。
セカンドネットワーク BunnyCDN 同一のコピーを保持し、Navi+ のリリースごとに更新されます。メインネットワークが配信できないときに引き継ぎます。

各提供元はそれぞれ独自の稼働率保証を持つ世界規模のインフラを運用しています。2社はサーバーを共有していないため、一方の障害はもう一方に影響しません — メニューが1社の稼働に依存することはありません。


初期設定でのページ読み込みの流れ

訪問者のブラウザ ストアを開く Navi+ 起動スクリプトが実行 メインネットワーク Cloudflare メニューエンジン · スタイル · メニューデータ 訪問者に最も近い拠点から配信 セカンドネットワーク BunnyCDN すべてのファイルの同一コピー Navi+ のリリースごとに更新 メニューが ページに表示 1. ファイルを要求 2. 配信 ファイル取得に失敗 → 自動で再試行 常に同期
  1. テーマ内の Navi+ アプリ埋め込みが、ごく小さな起動スクリプトを実行します。
  2. 起動スクリプトがメインネットワークにメニューエンジン、スタイル、メニューデータを要求します。
  3. メニューが表示されます。

これらのファイルのいずれかがメインネットワークから届かない場合 — 障害、タイムアウト、地域的な問題 — 起動スクリプトは同じファイルを BunnyCDN から自動で再取得します。これは訪問者のブラウザ内で自動的に行われ、設定は一切不要です。実際には、1つのネットワークの不調をお客様が気づくことはありません。


自動再試行でカバーできない唯一のケース

自動再試行は起動スクリプトの中に組み込まれています。そこに死角があります。起動スクリプト自体が届かなければ何も実行されず、再試行するものも残りません。

これは訪問者の回線がメインネットワークにまったく到達できない場合に起こります。Cloudflare はインターネット最大級のネットワークですが、どこからでも到達できるわけではありません。

  • 国レベルで Cloudflare のトラフィックを制限・抑制している国があります。
  • 企業や学校のネットワークが Web フィルタリングの一環としてブロックしている場合があります。
  • 特定の地域で Cloudflare への経路が不安定なプロバイダーがあり、リクエストがタイムアウトします。

お客様の多くがそうした場所にいるストアでは、あなたには完璧に動くメニューがお客様には表示されないことがあり — 自動再試行が助けになる機会は訪れません。


「Use a second CDN (BunnyCDN)」の役割

このオプションを有効にすると優先順位が入れ替わり、メニューはメインネットワークにまったく依存しなくなります。

訪問者のブラウザ ストアを開く 起動スクリプトを2か所に要求 メインネットワーク Cloudflare 起動スクリプトのみ セカンドネットワーク BunnyCDN — メインに 起動スクリプト メニューエンジン · スタイル · メニューデータ 起動後のすべて メニューが ページに表示 起動(先に応答 した方) 配信
  • 起動スクリプトは両方のネットワークに要求されるため、訪問者の場所からどちらか一方に到達できればメニューは起動します。
  • それ以降のすべて — メニューエンジン、スタイル、メニューデータ — は Cloudflare ではなく BunnyCDN から読み込まれます。

メインネットワークは起動スクリプトの予備としてのみ残り、メニュー本体の主な配信元は BunnyCDN になります。


いつ有効にすべきか

次のいずれかに当てはまらない限り、オフのままにしてください。

  • Navi+ サポートから依頼があった場合。 一部の訪問者にメニューが表示されないとご報告いただいた際、私たちはその訪問者の所在地と到達できるネットワークを確認します。メインネットワークが原因であれば、このオプションの有効化をお願いします。
  • お客様が Cloudflare の制限や不安定さのある地域にいると分かっている場合。 ストアが主にそうした地域向けであれば、BunnyCDN をメインにする方が安全です。オプションにチェックを入れてお知らせください — こちら側から問題ないことを確認します。

典型的な兆候:あなたや大多数の訪問者にはメニューが表示されるのに、特定の国や特定のネットワークのお客様からは「一度も表示されない」と報告がある。


初期設定でオフになっている理由

どちらのネットワークも世界規模で高速です。大多数のストアでは切り替えても得るものはなく、初期設定の経路は私たちが最も注意深く監視し、修正を最初に展開する経路です。このオプションは上記のまれなケース向けのツールであり、パフォーマンス設定ではありません。


ページ速度に影響しますか?

目立った変化はありません。BunnyCDN は同じファイルを独自の世界各地の拠点から配信します。起動スクリプトを2つのネットワークに要求することで小さなリクエストが1つ増えますが、メニューエンジンとメニューデータは引き続き1つの配信元から1回だけ読み込まれます。


オン/オフの切り替え方法

  1. Shopify 管理画面で オンラインストア → テーマ → カスタマイズ を開きます。
  2. 左サイドバーの アプリ埋め込み アイコンをクリックします。
  3. Navi+ を見つけて展開します。
  4. Advanced の下にある Use a second CDN (BunnyCDN) にチェックを入れる/外します。
  5. 保存 をクリックします。

変更は次のページ読み込みから反映されます。Navi+ アプリ内で設定することはありません。

問題の調査中にサポートから有効化を依頼された場合は、解決の確認があるまでオンのままにしてください — その後、オフに戻して構いません。