Shopifyストアの作成と再設計

無料、義務なしの見積もり

24 労働時間以内の個人的な応答

← Tous les conseils
Guide pratique SiteQuiVend

Shopifyストアの速度が遅くなるのはなぜですか?

Shopifyで遅さの一般的な原因と、テーマ、アプリ、スクリプト、画像、モバイルエクスペリエンスを診断する方法について説明します。

Publié le 15.08.20262 min de lectureConseils concrets

Shopifyストアでは通常、追加されたテーマ、アプリ、サードパーティのスクリプト、画像、ビデオ、機能がブラウザから多くの作業を奪うと、速度が低下します。 この問題は単一のファイルから発生することはほとんどありません。多くの場合、機能、カスタマイズ、大量のコンテンツが蓄積された後に発生します。

Shopifyは、ホスティング、グローバルCDN、自動最適化をすでに提供しています。したがって、ランダムな要素を削除する前に、本当に遅いページを診断する必要があります。

あなたの店は以前より遅そうですか?

無料の SiteQuiVend ミニ監査では、オンライン サイトから 3 つの優先推奨事項が提供されます。

Shopifyストアの遅さの原因の診断の図
このガイド用に生成されたイラスト: 実際のプロジェクトや顧客の結果ではなく、パフォーマンスの診断を表します。

Shopifyストアの速度が遅い主な原因

1.複雑すぎるテーマ

アニメーション、カルーセル、フィルター、カスタム コードは JavaScript と CSS をロードします。古いテーマや頻繁に変更されるテーマでも、未使用のファイルを保持できます。

2 アクティブなアプリが多すぎる

各アプリケーションは、スクリプト、スタイル、クエリまたはブロックを追加することができます。冗長なレビュー、追跡、またはプロモーション ツールにより、回避可能な負荷が発生します。

3.削除されたアプリケーションの痕跡

アンインストールすると、テーマからすべてのコードが削除されるとは限りません。残りのスニペットを削除する前に、開発者の指示を確認してください。

4、メディアが多すぎる

Shopify CDNにもかかわらず、ページは依然として重く、不釣り合いなビジュアル、GIF、ビデオ、画像が多すぎます。

5.サードパーティのマーケティングスクリプト

分析、広告、チャット、地図、テスト、ポップアップ、ソーシャル フィードには、パフォーマンスが異なる可能性のある外部リソースが読み込まれます。

6 フォントとアニメーションが多すぎる

家族や脂肪を増やすと表示が遅れます。アニメーションを使用すると、ブラウザの作業や遅延のリスクも高まります。

7.全てを見せたいページ

非常に長い受信、過負荷のコレクション、またはブロックで満たされたシートにより、初期ボリュームが増加します。階層とページネーションが不可欠になります。

8.ターゲットを絞ったパーソナライゼーションが不十分

遅延ロードや画面適応のない機能は、1 ページでのみ便利ですが、サイト全体の速度を低下させることができます。

遅さを正しく測定するにはどうすればよいですか?

個人的な印象だけでは十分ではありません。モバイルとデスクトップで、現実的な接続で複数のページ タイプをテストします。実際の訪問者データとラボ テストでは、さまざまな質問に答えます。

LCP目に見える主なコンテンツの読み込みを測定します Googleは2.5 秒以下を目指すことを推奨しています。
INP相互作用に対する応答性を測定します。推奨される参照は 200 ミリ秒未満です。
CLS視覚の安定性を測定します。 良いレンズは0.1 未満です。

これらのしきい値は、Core Web Vitalsに関するものです。これらは作業の優先順位付けに役立ちますが、分離されたスコアによって原因が自動的に明らかになるわけではありません。また、Shopify Webパフォーマンスの概要と、可能であればSearch Consoleデータもご覧ください。

7 ステップで遅い店を診断します

  1. 影響を受けるページを見つけます. ホーム、コレクション、製品、バスケット、またはすべてのページ: スコープが検索のガイドとなります。
  2. 減速のタイミングに注意してください. 白い画面、遅いメイン画像、応答不良ボタン、またはコンテンツのスキップは同じ問題ではありません。
  3. モバイルとコンピュータを比較. 強力ではないモバイルと不安定なネットワークにより、高価なスクリプトがより迅速に公開されます。
  4. 棚卸しをする. 実際に読み込まれたアプリ、ピクセル、ウィジェット、ビデオ、フォント、カスタマイズをリストします。
  5. テーマのコピーをテストします. オンライン ストアを変更せずに、下書き上で一度に 1 つの項目を無効にして、効果を分離します。
  6. 残余コードを確認します. アプリをアンインストールした後に古いスニペット、ファイル、外部呼び出しを見つけます。
  7. 前後に測る. 同じページおよびテスト条件を保って下さい; また販売機能が作動している維持することを点検して下さい。

重要: テーマを保存して最初にコピーに取り組みます クイック削除は、根本的な原因を解決することなく、レビュー、広告の追跡、バリエーション、またはカートを壊すことができます。

原因、目に見える信号、そして最初のアクション

考えられる原因 周波数信号 最初の慎重な行動
メイン画像またはビデオ 最初の画面は空白のままであるか、遅れて表示されます 寸法、フォーマット、読み込み、メディア数を確認してください
サードパーティのアプリケーションまたはスクリプト その後、ページが表示され、対話ブロックが表示されます テーマのコピーでスクリプトなしでページをテストします
ポップアップまたは注入されたコンテンツ 表示後にアイテムが移動します スペースを予約し、不要なアイテムを遅らせます
コレクションが忙しすぎる スクロールとフィルターの速度が低下します 初期ロードを減らし、ページネーションまたはフィルターを確認します
古いコードまたは重複コード すべてのページが影響を受けます グローバルファイル、依存関係、古いスニペットを監査します

なぜ遅さはしばしばモバイルで見えますか?

電話機は電力、メモリが少なく、より可変的なネットワークを持っている可能性があります アニメーション、広告スクリプト、メニュー、カルーセルは、スクロールまたは購入中にデバイスを使用します。

ウィンドウを減らすことに限定しないでください: タッチジェスチャー、メニュー、バリエーションをテストし、カートに追加します。ガイドも参照してください shopify モバイル エクスペリエンス.

時には問題を悪化させる修正

監査なしでアクセラレーションアプリをインストールします

スクリプトの新しいレイヤーを追加したり、いくつかの症状を隠したり、テーマと競合したりできます。まず、実際にページの速度が低下しているものを特定します。

便利な機能をすべて削除します

パフォーマンスは購入に役立ちますが、必要な情報、レビュー、機能のない非常に速いストアは効率が低下する可能性があります。各商品の価値とコストを評価します。

ホームページのみを最適化します

訪問者はコレクション、製品、記事にも到着します。全体的な修正は、実際に参照したモデルを対象とする必要があります。

すぐにテーマを変更

データベースが古い場合や変更が多すぎる場合は、新しいテーマが役立ちますが、サードパーティのスクリプトや重いコンテンツの選択肢が自動的に削除されるわけではありません。

どのSiteQuiVendサービスを選択する必要がありますか?

無料ミニ監査

目に見えるサイトからの 3 つの優先推奨事項を提供します。これは第一意見を構成するものであり、完全な技術監査やスコアの約束ではありません。

メンテナンスは月額 €59 から

€59、€99、€199 の月額での公開計画は、定義された月間時間内の小さな、定期的な要求をカバー; オーダーメイドの容量は€299 から発表されます 未使用のリクエストは延期されず、発表された期限は最初の応答に対応し、必ずしも解決にはなりません。

対象を絞った技術的修正または監査

特定のスクリプト、アプリケーション、またはモデルが関係する場合、介入前に範囲を検査して定量化する必要があります。個別の公的料金体系は完全な速度の最適化を保証しません。

Shopifyは€990から再デザイン

テーマ、構造、モバイルといくつかのモデルが一緒に進化する必要がある場合は一貫性があります オファーは、5 から20 ページまたはモデルの€990 から€2,990 の範囲であり、5 から21 営業日の指標期限付き有料テーマ、アプリケーション、ライセンスは別々のままです。

問題の程度に応じて選択してください: 孤立した原因に対する対象を絞った修正、シンプルで定期的な調整のためのメンテナンス、技術的負債が複数のモデルにまたがる場合のオーバーホール。より具体的なプロジェクトには見積もりが必要です。

テーマを変更する前に、適切な介入を特定したいですか?

スローページ、インストールされたアプリ、最近の変更を紹介します。 SiteQuiVend は、1 回限りの修正と広範な再設計を区別できるようになります。

最適化の前にチェックリスト

冉 真に遅いパターンを識別する.
姘モバイルとコンピュータテストを別々に.
莠 テーマの最近の変更に注意してください.
莠 アクティブなアプリケーションをすべて一覧表示する.
莠 古いアプリケーションコードを見つけます.
けいれんビデオ、gif、カルーセルをカウントします。
莠 サードパーティのマーケティングスクリプトをチェックする.
莠レビューフォントとアニメーション.
勺 介入する前にテーマを保存します。
勺 ドラフトの各インデントをテストします。
瀹 コントロール カート、バリアント、追跡。
勺 測定の前と後を比較する.

よくある質問

Shopify自体がストアの速度を低下させているのでしょうか?

Shopifyは、ホスティング、グローバルCDN、および組み込みの最適化を提供します ただし、遅さは、テーマ、アプリケーション、外部スクリプト、メディア、または1 回限りのインシデントから発生する可能性があります 結論を出す前に、スコープを確認する必要があります。

アプリは常にShopifyの速度を低下させますか?

いいえ その影響は、それがロードするもの、関係するページ、およびその設計によって異なります。有用で十分に統合されたアプリケーションは合理的なままであり得る; 複数の冗長ツールまたはグローバルスクリプトが高価になる可能性があります。

インポートする前にすべての画像を圧縮する必要がありますか?

Shopifyによると、同社のCDNは画像を自動的に最適化し、高品質のソースを読み込むようアドバイスしているという。表示されるメディアの数を制限し、使用量に不釣り合いな寸法を避けることが依然として重要である。

アプリをアンインストールすると、そのコードがすべて削除されますか?

常にとは限りません 一部のスニペット、ファイル、または設定がテーマに残っている場合があります 手動でコードを削除する前に、開発者の指示を確認し、テーマのコピーを確認してください。

スコアが悪いと売上が下がりますか?

いいえ パフォーマンスは経験に影響を与えますが、販売の変動はトラフィック、供給、価格、信頼、移動にも依存します。各変更を自動的に速度に割り当てることなく、メトリックを使用して優先順位を付けます。

テーマの変更は店舗をスピードアップするのに十分ですか?

必ずしもそうではありません。テーマが古い場合や変更が多すぎる場合は変更が役立ちますが、重いアプリ、ピクセル、コンテンツが後続する可能性があります。以前のインベントリでは、同じ問題の再現が回避されます。

最初に最適化すべきページはどれですか?

大きなトラフィックを受け取るか、購入に近い遅いページから始めてから、欠陥が一般的なモデルに属しているかどうかを確認してください。訪問者が主に製品に到着する場合は、自動的に歓迎を選択しないでください。

無料のミニ監査は総合的なパフォーマンス監査ですか?

いいえ。アクセス可能なサイトから 3 つの優先推奨事項を提供します。スクリプト、テーマ、アプリケーションの詳細な技術分析には、明確な範囲が必要です。

店を弱めることなく加速する

Shopifyストアは、単一の原因よりも蓄積によって遅くなります 適切な方法は、影響を受けるページを特定し、症状を測定し、リソースを在庫し、コピーでテストし、不要なもののみを削除し、または統合が不十分な重要な機能を犠牲にしたり、購入の旅を中断したりすることなく、パフォーマンスを向上させます。

Transformons vos idées en pages qui donnent confiance

Création ou refonte de boutique Shopify : obtenez une recommandation et un devis adaptés à votre situation.

Parler de mon projet →