Shopifyサイト監査
インストールするアプリはそれぞれ、あなたのストアフロントに独自のscriptタグを追加します。Scanverraは、あなたのLiquidテーマ、商品画像、そして開設以来つぎ足してきたあらゆる要素が、コアウェブバイタルにどれだけのコストを課しているかを測定します。
Shopifyに対するチェック項目
Liquidテーマとアプリ主導のストアフロントに特化した5つのチェックです。
theme.liquidのスクリプトの重さ
テーマに直接読み込まれるレンダリングブロック型の<script>タグ - asyncやdeferの指定がないアナリティクス、チャットウィジェット、レビュープラグインは、それが存在するすべてのページを遅くします。
アプリスクリプトの肥大化
インストールしたShopifyアプリは通常、管理画面だけでなくストアフロントのテーマにも独自のscriptタグを注入します。インストールするアプリが増えるほど、顧客が読み込むすべてのページにレンダリングブロック型JSが増える傾向があります。
商品画像の重さ
cdn.shopify.comから配信される大きく圧縮されていない商品画像は、多くの場合コレクションページや商品ページにおけるLargest Contentful Paintの単独最大要因になります。
サードパーティのピクセルスクリプト
広告プラットフォームのピクセル、ヒートマップツール、マーケティングタグは、ストアフロントの表示ごとに独自のネットワークリクエストとJS実行を追加します。テーマエディタ上では見えないことが多い一方、コアウェブバイタルには明確に表れます。
コマース色の強いページにおけるストアフロントの指標
商品ページやコレクションページは通常のマーケティングページより多くの画像やサードパーティスクリプトを抱えているため、LCPやTotal Blocking Timeはホームページ単体よりも悪化しがちです。
How it works
ストアフロントのURL入力からアプリを考慮した修正提案まで、たった3ステップです。
ストアフロントのURLを貼り付け
ホームページを指定しても構いませんし、問題があると疑っている商品ページやコレクションページを直接指定しても構いません。
Shopifyテーマであることを確認
x-shopify-stageレスポンスヘッダー、cdn.shopify.comのアセットパス、そしてページ内のShopify.themeオブジェクトから、スコアリングの前にプラットフォームを確認します。
ストアフロント特化の修正提案を取得
一般的なEコマースのアドバイスではなく、Liquidテーマとアプリ主導のストアフロント向けに書かれた提案です。
Frequently asked questions
Scanverraはチェックアウトページを監査できますか?
できません。Shopifyのチェックアウトは、テーマの管理範囲外にある、Shopifyがホストする別のフローです。監査はホーム、コレクション、商品ページといったストアフロントのページに対して実行され、チェックアウト自体は対象外です。
どのインストール済みアプリがストアを遅くしているか教えてくれますか?
特定のアプリ名は表示されません。ただしアプリの肥大化がページ上で生み出すレンダリングブロック型スクリプトの重さは検出するので、通常はそれをきっかけにインストール済みアプリの一覧を確認するだけの手がかりにはなります。
商品画像のサイズはスコアに影響しますか?
はい - 画像の重さはLargest Contentful Paintに大きく影響する要因であり、複数の画像が一度に読み込まれる商品ページやコレクションページで特に重要になる傾向があります。
監査は特定の商品ページをチェックしますか、それともホームページだけですか?
貼り付けたURL次第です。ホームページの結果は、必ずしも商品ページやコレクションページを代表するものではありません。これらのページは通常より多くの画像やサードパーティスクリプトを抱えているため、本当に気になる場合は個別に実行してください。
Shopifyストアが遅いのは常にテーマのせいですか?
そうとは限りません - インストール済みアプリやサードパーティのマーケティングピクセルも、テーマのコード自体と同じくらい原因になり得ます。だからこそ監査は、テーマに原因があると決めつけず、スクリプトの重さを幅広くチェックします。
他の技術別監査
ストアフロントを遅くしている原因を確認
テーマのスクリプト、アプリの肥大化、商品画像の重さ - Shopifyストアフロント向けにスコア化・解説します。
Run free audit