Shopifyの表示速度は、実際の利用者のCore Web Vitalsと、個別ページの診断を分けて確認します。画像やアプリは実測で影響を調べ、画質と必要機能を保ちながら、一つずつ変更して再確認しましょう。
現在のWebパフォーマンスで測る
ShopifyのWebパフォーマンスレポートでLCP、INP、CLSを確認します。旧Speed Scoreを現在の唯一の評価として扱いません。レポートには最大36時間の遅延があり、直近90日のデータを扱うため、変更直後の値を成果として断定しないようにします。端末やページ種別も分けて確認します。
代表URLの診断と操作を記録する
ホーム、商品詳細、コレクションなど主要導線を選び、PageSpeed Insightsなどで条件と結果を控えます。実ユーザーのデータと一回のテストは異なるため、スコアだけで比較しません。LCPは主要な大きい内容の表示、INPは操作への応答、CLSは見た目のずれという観点で原因候補を調べます。
画像は配信結果と画質から調整する
Shopifyには画像CDNによる形式・サイズ・圧縮の最適化があります。元画像を一律200KBにする前に、実際に配信されるサイズやテーマの表示方法を調べます。原本を残し、寸法や圧縮を調整した画像で文字・質感・商品識別が損なわれないか、拡大やスマートフォンでも確認します。
最初に見える画像の読み込みを妨げない
遅延読み込みは画面外の画像で役立つ場合がありますが、最初に必要な主要画像まで一律に遅らせないようにします。大きなスライダー、動画、アニメーション、長い一覧も確認します。テーマごとに対応が異なるため、標準設定にない機能を前提にせず、コード変更は担当者と範囲を決めます。
アプリを実測と依存関係で整理する
インストール数だけで速度を判断せず、実際に読み込む機能と必要性を調べます。削除前にデータ・契約・在庫・自動処理への影響を確認します。テーマに残るものは開発元の案内に従い、appやwidgetという名前だけでコードを消しません。複製テーマなどで試し、公開後も表示・購入・通知を確認します。
同じ条件で再確認し継続管理する
変更日と対象を控え、診断を再実施します。実ユーザーの指標は反映を待ち、速度と同時に購入操作や計測が壊れていないか確認します。1週間で必ず改善、1秒で売上が一定率変わるといった未確認の成果は示さず、アプリ導入やテーマ更新のたびに再確認する運用にします。
導入前の確認事項
- 実ユーザー指標と一回のテストを区別した
- 変更前の測定条件と原本を保存した
- 主要画像・画質・購入操作を確認した
- アプリ依存と外部請求・データを確認した
公式資料・関連記事
関連記事：Shopifyアプリの導入・削除と料金確認、ShopifyのCVR低下を調べる分析手順、Shopify：商品画像のファイルサイズを圧縮してサイト表示を高速化する方法。
運用設計や確認項目の整理は、現在の業務と対象URLを添えて株式会社AOへご相談ください。
公式資料の確認日：2026年11月2日。記入例や手順は編集上の提案で、導入成果を保証するものではありません。
コメント