ショッピングサイトの成長において、Shopifyは現在最も有望なeコマースプラットフォームです。成長とスケールの機会が豊富でありながらも、ショップオーナーが成長に集中する過程でShopifyサイトのスピードは見過ごされ、スロースピードと頻繁なカートの放棄を引き起こすことがあります。私たちはShopifyストアのスピードを速める方法を解決し、Shopifyストアのスピードとコンバージョンに影響を与える要因を扱うことで、Shopifyストアをさらに最適化する方法を提供します。 もしあなたが「なぜ私のShopifyストアが遅いのか？」という最も心配な問題の答えを探している場合、またShopifyコンバージョン最適化の方法を見つけたい場合、私たちはあなたにその方法を教えます。また、Shopifyページ読み込み速度の最適化のための効果的な方法を実装するのを手助けします。 Shopifyのスピード最適化の秘訣を学ぶために、スクロールダウンし続けてください。Shopifyのスピード最適化がコンバージョン率に与える影響とは？世界中で19億人以上の人々がオンラインショッピングをしたことがあります。しかし、2018年におけるオンライン顧客の平均コンバージョン率は2.6％にまで低下しました！報告書は、1000人の見込み顧客のうち26人が、確実なオンラインストアにたどり着いて購入まで進むと言います。コンバージョン率はさまざまな要因に影響を受けます。ブランドの認知度とロイヤリティを高めるために、さまざまな広告やマーケティング戦略を適用する必要があります。ただし、どれだけ広告にお金を投資しても、ウェブサイトが構成されていない限り、すべての努力は無駄になります。Shopifyのウェブサイトの速度最適化は、ユーザーの行動に重要な影響を与えます。ウェブサイトの読み込み速度が数秒未満の場合、訪問者はページを離れて競合他社から購入するため、販売と利益が減少します。上記を具体化するために、KissmetricsとGoogleの調査からいくつかの事実を紹介します。5つの一般的なパフォーマンスの問題、またはShopifyストアの速度向上方法#1 レスポンシブでないテーマ#2 インストール済みアプリが多すぎる#3 最適化されていない画像#4 サムネイル画像のサイズ#5 ホームページの主要スライドそして、ウェブサイトの読み込みにかかる秒数が遅くなるたびに、ますます多くの潜在的な購入者を失います。あなたから購入する意思のある顧客の数だけでなく、彼らが訪問する確率も減少します。また、Shopifyウェブサイトの有機検索結果で評価される際に、検索エンジンはパフォーマンスと読み込み速度を考慮します。したがって、ウェブサイトの読み込みが遅いほど、ターゲットユーザー数がはるかに少なくなり、より速いオンラインストアよりもコンバージョン率が低くなります。Shopifyのウェブサイトパフォーマンスは何に依存するのか？上記のツールのいずれかを使用してオンラインストアの速度を測定した後、ウェブサイトのフロントエンドとバックエンドのすべての問題が含まれた完全なテスト結果が得られます。次に、その知識を活用して、Shopifyストアの速度をさらに最適化するための方法を理解する時が来ました。Shopifyのウェブサイトパフォーマンスは、主に次の要素に依存します。サーバーの最適化ユーザーが物理サーバーから遠い場所にいるほど、HTTPリクエストを送信して応答を受け取る時間がかかります。ホスティングを選ぶ際は、国に特化したソリューションを選ぶことが重要です。オンラインストアが1つの国の境界を超えて多くの製品を販売している場合は、CDNリンクを使用することが合理的です。Shopifyの場合、これは問題ではありません。プロバイダーはホスティングの効率に関するすべての責任を負い、オンラインストアの所有者はこのサービスのために追加の料金を支払う必要はありません。ここではホスティングプランを更新してストアを次のレベルにすることができます。より優れたプランに切り替えることは、しばしば読み込み時間を半分にすることがあります。カスタム機能インストールされたアプリを増やすことは、ウェブサイトのページの重さを増すだけでなく、サーバーに送信されるリクエストの数を増やし、ページの読み込み速度を遅くします。さらに、一部のアプリにはコードのバグが含まれており、サイトの効率に必ず影響を与えます。フロントエンドそれには、ウェブサイトのデザイン、テーマ、レイアウト、およびお客様が迅速かつ理解しやすく、エキサイティングに進むために必要なすべての選択肢が含まれます。上記で言及された各ポイントは、オンラインストアの効率とペースにも影響を与える可能性があります。間違いなく、Shopifyはオンライン小売業界に新たに参入し、技術的な専門知識や時間、研究の能力が十分にない人々にとって最も便利なプラットフォームの1つです。一方、このプラットフォームベンダーはここでのほとんどのバックエンドプロセスの成功に責任を持っています。この点において、アプリケーションのソースコードへの直接アクセスはなく、オンラインストアShopifyの変更を行う際にサードパーティ機能を設定することはできません。次に、ウェブサイトの速度を低下させるすべての問題を議論し、これらの問題を修正する方法を説明します。5つの一般的なパフォーマンスの問題、またはShopifyストアの速度向上方法#1 レスポンシブでないテーマ適切なShopifyテーマは、ページの読み込み速度を適切なレベルに保ち、モバイルの最適化をサポートする上での基盤となります。しかし、残念なことに、ほとんどのオンラインストアはテーマのレイアウトについて詳しく知ることができません。適切なShopifyテーマを選ぶ方法を見てみましょう。解決策：まず、現在のテーマに改善が必要かどうかを判断するために、PageSpeed Insightsで別々にレビューできます。これにより、現在のテーマに必要な変更があるかどうかがわかります。同じサービスを使用して、現在使用しているテーマを見つけることもできます。テーマにパフォーマンスの問題がある場合は、テーマの開発者または提供業者に連絡する必要があります。彼らはアフターサービスのバグ修正サービスを提供する責任者として最初に連絡するべきです。デバイスに適応することは、Shopifyストアにテーマを適応するための第一の基準です。これは、スマートフォンやタブレットを使用してオンラインで購入するユーザーが判断する際にしばしば誤解を招きます。適切にテストして正しくトライアルし、Shopifyテーマがどのデバイスでも最適化しやすくなっていることを確認して、ユーザーエクスペリエンスを最大化することが重要です。また、Shopifyテーマを改善するために3つの選択肢があります。現在のテーマをコードを変更することで更新することができます。ただし、HTML、CSS、およびLiquidに関する専門知識が必要です。開発者のサポートがお力になるでしょう。Shopifyストアを最適化する簡単な方法は、テーマストアからレスポンシブテーマを選択することです。3番目のオプションは、ユニークなニーズに合わせてカスタムテーマを作成するための追加予算が必要です。このオプションは少し高価ですが、競争優位性を獲得する上で大きな利益を生み出します。これにより、使用できる拡張機能が存在しない開始用のテーマに欠けているものを追加できます。カスタムテーマデザインにより、ストアはビジュアリー豊かな外観を備えたままです。アップグレードと更新に関しては簡単な更新を提供できます。#2 インストール済みアプリが多すぎるShopifyプラットフォームは、幅広いネイティブ機能を提供していますが、他の機能は含まれておらず、サードパーティのアプリケーションを使用して導入することができます。ただし、一部の店舗オーナーは、各アプリのインストールがストアに及ぼす影響を慎重に選び、各インストール後にウェブサイトの出力を確認するよう注意を払います。店舗オーナーはアプリが必要です。なぜなら、それらが店舗の機能を向上させるからです。ただし、アプリの数が増えるほど、Shopifyサイトが遅くなります。アプリはサーバーに送信するリクエストを増やし、サイトの読み込み速度を遅くします。この問題を解決するためには：すべてのアプリをまとめて持ってきます。使用しているアプリと使用していないアプリを確認してください。アプリを無効にしても、JS/CSSファイルはバックエンドで実行され、サイトの読み込みが速くなるのを妨げます。すべてのアプリを無効にする。解決策：そのため、使用していないアプリは削除することがベストです。これらのアプリを削除する前に、Shopifyのサポートドキュメントを注意深く読んでアンインストール手順について理解し、ストアのパフォーマンスに干渉する可能性のある残余物を避けることができます。Shopifyストアにインストールされているアプリが適切な機能を提供しているが、サイトの読み込み機能に干渉している場合、それらを削除する代わりに最適化することが推奨されます。確かなプロバイダーだけが将来問題を引き起こさないモジュールを提供できます。インストールする前に、無制限のデータベースリクエストのようなデメリットを確認してください。#3 最適化されていない画像画像はオンラインの読み込み速度に重要な役割を果たします。ただし、一般的な間違いは、ホームページのスライダーや商品ページに高品質の画像をアップロードすることです。美しい画像は、すべてのオンラインショップに必要なものです。さらに、お客様があなたのストアから購入するかどうかを決める際にそれを見たいと思います。その場合、Shopifyの画像の最適化と圧縮では、Shopifyのウェブサイトのパフォーマンスを大幅に向上させることができます。例えば、20MBの画像を300KB程度に圧縮することで、Shopifyサイトのスピードを70％向上させることができます。解決策：不要なサーバーリクエストを制限することにより、Shopifyサイトのスピードが向上します。画像を使用する際には、複数の画像を統合するためにCSSスプライトを使用します。コードのレンダリングとスプライトの作成に精度を持たせるために、SpritePadツールを使用します。このツールでは、画像をドラッグアンドドロップしてスプライトをダウンロードします。このデバイスは、コピーごとにHTTPリクエストの数を減らし、1つの大きな画像をロードするために単一のリクエストのみをサーバーに送信します。一方、CSSはページ全体ですべての画像キャラクターを明確に表示できます。画像サイズを縮小することは、Shopifyストアのスピードを高める別の素晴らしい方法です。TinyJPGやTinyPNGなどのツールを使用すると、画像サイズを縮小できます。これらのアプリの利点は、画像の品質に影響を与えないことです。ファイルをドロップするだけで、Shopifyストアで使用できる圧縮された画像が準備されます。また、既に最適化されていない写真がある場合は、Shopify画像最適化アプリ（例：Crush.pics）を使用することができます。既存のすべての画像が自動的に最適化されます。#4 サムネイル画像のサイズホームページでのカルーセル使用して商品ページでの標準商品を表示していますか？カルーセル画像は、商品の詳細などのサムネイル画像を表示するために商品ページから取得されます。このようになると、システムとブラウザはリクエストされた寸法に適応するために高解像度の画像を摂取します。その結果、サイトの読み込み時間が延びます。デスクトップでサイトを閲覧しているお客様は、ほとんど気になりませんが、あなたのサイトには多くのモバイルトラフィックがあるため、低品質のShopifyページ読み込み速度のため、ユーザーエクスペリエンスに影響を与える可能性があります。解決策：Liquidコードを変更することで、問題を回避できます。 srcset 属性を使用し、画像のさまざまなスクリーン解像度を設定するだけです。レイジーロードの技術は、サムネイルイメージを最適化し、画像がビューポートに表示されるとすぐにサイトの読み込み速度が向上します。例えば、ホームページには製品のカルーセルを含むドロップダウンメニューが表示されます。各スライダーには8つの商品を収容します。合計画像の数は68のため、人気商品を表示するためにこれらの画像をロードする必要があります。Shopifyストアのスピードを向上させるために、ドロップダウンメニュー内のスライダーを最適化された静止画像に置き換えることがベターです。同時に、レイジーロードを使用すると、画像がすばやくロードされます。この技術により、サイトの読み込み時間を数秒間短縮することができます。#5 ホームページの主要スライドホームページの上部にあるBig Heroスライダーは、Shopifyのオンラインストアの特徴です。多くの場合、大きなスライダーには高解像度の画像が含まれており、オンラインストアをエレガントに見せ、訪問者の注意を引きます。しかし、4〜6枚の高解像度の写真を含むスライダーは、あなたのショップに重荷をかけることがあります。解決策：スライドの数を減らすこと。スライドごとに3枚だけの画像を使用するようにしてください。また、画像を最適化し、品質が損なわれないようにしてください。Lazy Loadの機能をスライダーに組み合わせることを忘れないでください。Heroスライダーを削除することができます。その代わりに、単一のヒーロー画像を使用し、そこにCTAボタンを実装することができます。スライダーの数を減らすことは、ユーザーエクスペリエンスに影響を与えないことを統計データが証明しています。ユーザーはほとんどの場合、各スライドを参照しないことも、彼らがそれぞれのスライドを参照することに抵抗があることも示しています。最後に前の記事ではTop Shopify Page Speed Optimization Appsについて説明しました。ご覧になることをお勧めします :)Shopifyのページ読み込み能力に影響を与えるいくつかの問題があります。問題の深刻さや数によって、Shopifyの速度問題を修正する時間がかかる場合があります。オンラインストアのスピード最適化は、正しく行わない限り、コンバージョン率最適化に影響を与える場合があります。Shopifyを使用すると、Shopifyストアのスピードを向上させ、最終的に顧客エンゲージメントを向上させるためのテクニックを利用する絶好の機会があります。HulkAppsは業界のエキスパートとして、Shopifyの速度最適化プロセスをサポートします。お問い合わせください。