Shopifyアプリの入れすぎが速度・検索・AI引用に与える影響と減らし方

Shopifyで20個近くアプリを入れているショップでは、ページが重くなり、PageSpeed Insightsのスコアも赤になることがあります。そのうえで、どのアプリを減らせばよいかが分からないという相談が続きます。

減らす前に、どのアプリが何を読み込んでいるかを測ります。速度を決めるのは、アプリの数ではありません。各アプリが読み込むJavaScriptのサイズと実行時間です。1つの重いアプリが、10個の軽いアプリより悪いことは珍しくありません。

この記事では、速度低下が検索とAI引用に与える影響と、アプリごとの影響を測る方法、減らすときの判断基準、削除後に残るコードの掃除を整理します。

結論: 測ってから減らす。判断は「売上に直結するか」と「読み込みの重さ」の2軸

アプリの分類	売上への直結	読み込み	判断
決済・配送・在庫	高	軽い〜中	残す
レビュー・Q&A	中	中〜重い	残すが遅延読み込み
ポップアップ・バナー・カウントダウン	低〜中	重い	減らす、または1つに統合
チャット・接客	中	重い	遅延読み込み、または営業時間外は非表示
分析・トラッキング(重複)	低	中	重複を統合
使っていない・試して放置	なし	あり	削除

重要な考え方: アプリは機能ではなく、読み込みで数えます。画面に何も表示していないアプリでも、JavaScriptは読み込まれています。まずは表示に使っていないアプリがないか、一覧を確認します。

速度低下が検索とAI引用に及ぼす影響

影響先	何が起きるか
検索順位	Core Web Vitals(LCP・INP・CLS)は順位要因の1つ。同じ内容なら速いほうが有利
クロール	重いページは取得に時間がかかり、同じ時間で取得されるページ数が減る
AI検索の引用	AIクローラーはJavaScriptを実行しないものが多い。JavaScriptで後から描画される内容は読まれない
購入率	表示が遅いほど離脱が増える。これが最も直接的な損失

AI引用に関しては、重いこと以上に、JavaScriptで描画していることが問題です。レビューやFAQをアプリがJavaScriptで後から挿入していると、AIクローラーにはその内容が存在しないページに見えます。レビューやFAQがアプリ任せの表示になっていないかを確認します。

アプリごとの影響を測る手順

PageSpeed Insightsで主力商品ページを測り、「サードパーティのコードの影響を抑える」「使用していないJavaScriptの削減」の項目を開きます
一覧に配信元のドメインが並ぶので、サイズと実行時間が大きい順に並べます
各ドメインがどのアプリなのかを対応づけます
Shopify管理画面の「ストア速度」レポートも参考になります

上位3つのアプリで、全体の半分以上を占めることが多くあります。まずはその3つだけを検討します。

減らすときの選択肢は3つです

選択肢	使いどころ
削除	使っていない。同じ機能が別のアプリと重複している
置き換え	機能は必要だが、より軽いアプリまたはテーマ標準機能で代替できる
遅延読み込み	機能は必要で代替もないが、初回表示には不要(チャット、レビュー、レコメンド)

遅延読み込みは、アプリ側に設定がある場合があります。ない場合は、テーマ側でスクロール後・操作後に読み込む実装をします。残すアプリの設定画面に、遅延読み込みの項目があるかを確認します。

削除後にテーマへ残るコード

アプリを削除しても、テーマに残るコードがあります。削除の作業には、この掃除まで含めます。

アプリの導入時に、テーマのコードに手動で挿入したスニペット
theme.liquid のhead内に追加したスクリプトタグ
削除されたアプリのCSS

App embed(テーマ設定の「アプリの埋め込み」)で入れたものは、アプリ削除で消えます。手動で入れたものは消えません。削除後、テーマのコードで削除したアプリの名前やドメインを検索し、残っている参照を消します。

減らしたあとに、確認しておきたいこと

PageSpeed Insightsで再測定し、LCP・INP・CLSの改善を確認します
削除したアプリが担っていた表示(たとえばレビューやFAQ)が、テキストとしてページに残っているか確認します
レビューやFAQをJavaScriptで描画していたアプリを置き換えた場合は、置き換え後がHTMLとして出力されているか確認します

アプリは、また増えていきます

アプリは減らしても、新しい施策のたびに増えます。セールのたびにカウントダウンやポップアップを足していると、半年後には同じ状態に戻ります。速度と、JavaScriptで描画されている内容の量を、継続的に見ます。

Search OSは、Shopifyを含む既存のショップを対象に、ページの速度指標を継続的に確認します。JavaScriptなしで取得したときに残るテキスト・構造化データや、ボットが実際に取得している内容も見ます。アプリの追加で悪化した状態を、修正対象として整理します。アプリを選ぶ作業を置き換えるものではなく、選んだ結果がボットにどう見えているかを見続ける層です。

よくある質問

アプリは何個までなら大丈夫ですか

数では決まりません。合計のJavaScriptサイズと、初回表示に必要な処理で決まります。10個でも軽いことがあり、3個でも重いことがあります。

レビューアプリを外すとレビューが消えます。どうすればいいですか

レビューのデータをエクスポートして、テーマのメタフィールドやHTMLとして再配置する方法があります。JavaScriptで描画するアプリより、HTMLで出力されるほうが検索とAIには有利です。

Shopifyの「ストア速度」スコアだけ見ていればいいですか

参考にはなります。ただし、実際のページごとの指標は、PageSpeed InsightsとSearch Consoleの「ウェブに関する主な指標」レポートで見ます。まずは主力商品ページをPageSpeed Insightsにかけます。

参考資料

Google Search Central: Understanding Core Web Vitals and Google search results
Google Search Central: JavaScript SEO basics
Shopify Help Center: Improving your online store speed
Google: PageSpeed Insights

Shopify アプリの入れすぎと速度・検索・AI引用