より高速なウェブサイトを構築するための Shopify ウェブ開発者からの 4 つのヒント

公開: 2017-07-27

Shopify Web 開発者が Web サイトの速度を心配するのはなぜですか?

経験豊富な Shopify Web 開発者は、ほとんどの顧客を獲得するには、e コマース Web サイトをわずか 3 秒で読み込む必要があることを知っています。オンライン小売業者は、1 秒ごとに焦りと注意力の低下によってビジネスを失うリスクを冒しています。しかし、100 近くのオンラインストアを調べた最近の調査では、Shopify ストアの平均速度が 9 秒を超えていることがわかりました。

Web サイトが 9 秒で読み込まれると、多くのビジネスが失われます。すべての Web サイトで推奨される速度は 7 秒であり、e コマース企業が競争に勝つためにはそれよりも速くする必要があります。要するに、あなたの遅いウェブサイトはあなたの会社を殺し、何千もの収益を犠牲にし、そうでなければあなたの製品を愛してくれる顧客を遠ざける可能性があります. このビジネスを失うわけにはいかないだけでなく、Web サイトのパフォーマンスによって顧客を失うことはまったく必要ありません。

不要なプラグインを削除する

プラグインは、ウェブサイトの運営を改善するためのものですよね?

結局のところ、多くのプラグインは 1 つの問題の処理には優れていますが、Shopify ストアの速度を最適化することはできません. プラグインは、機能のさまざまな側面を改善するように設計されています。スマート e コマース企業は、Shopify ストア全体でプラグインを使用して、ユーザーエクスペリエンスを改善し、オンラインストアの管理を容易にしています。ただし、Shopify Web 開発者は、すべてのプラグインが Web サイトの速度を低下させていることを教えてくれます。

Web サイトで実行されているすべてのプラグインを確認し、冗長なものを削除することから始めます。同様に、プラグインが Web サイトの機能に付加価値を与えていない場合は、それを削除してください。プラグインでのこの最初のパスでは、すべての不要なプラグインをパージする必要があります。特定のプラグインを徹底的に削除した後、速度を改善するにはメンテナンスが必要です。すべてのプラグインは定期的に更新する必要があります。プラグインが古いほど、Web サイトのパフォーマンスに問題が発生する可能性が高くなります。

プラグインを削除または更新している間に、Web サイトのウィジェットを確認してください。場合によっては、ランディングページ、製品ページ、または連絡先 Web ページの追加要素によって、メインコンテンツの読み込みが遅くなることがあります。余分なウィジェットを削除したり、ランディングページを 1 つの列に減らしたりする機会がある場合、Shopify の Web 開発者はそれを強くお勧めします。

特大の画像を置き換えるか削除する

多くの Shopify ストアでは、画像に関する問題が発生しています。「遅いShopifyサイト」に関するディスカッションフォーラムを検索すると、アドバイスの大部分は画像のサイズと配置を縮小することに関するものです. しかし、これは e コマース企業にとって受け入れがたいアドバイスです。

オンラインマーチャントは、美しい写真を掲載して商品を紹介したいと考えています。つまり、Shopify ストアには、他のウェブサイトよりも画像やその他のメディアを掲載する機会がすでに多くあります。さらに、フル解像度の画像を利用する大きなインセンティブがあります。これらの写真は潜在的な顧客が製品とつながるのに役立ち、より良い写真は信頼を築きます。最後に、Shopify ストアの画像が目立たなかったり、視聴者の注目を集めたりしなければ、売り上げが上がる可能性は低くなります。

これらの競合するすべてのインセンティブを念頭に置いて、画像を削除したり、大きすぎるファイルを置き換えたりすることを推奨すると、Shopify サイトの他の品質が損なわれるように感じる可能性があります。これはそうではありません。

Shopify の Web 開発者は、フル解像度の高品質の画像は見栄えが良いものの、読み込みが非常に遅いことを常に認識しています。この問題に対処するために、開発者はオンラインツールを使用して、品質を損なうことなく画像のファイルサイズを縮小します。画像を圧縮して最適化すると、Shopify ストアからメディアを削除する必要がない場合があります。しかし、最小限のデザインが引き続きオンラインの買い物客に人気があるため、ランディングページの画像の数を減らすことを検討する理由はまだあります。

テーマを変える時

テーマは、すべてが平等に作られているわけではない別の領域です。 Shopify ウェブ開発者がプラグインを追加したり、画像をアップロードしたり、デザインをカスタマイズしたりする前に、パフォーマンスを向上させるためにいくつかのテーマが構築されます。 Shopify のテーマを決めていない場合、高速なウェブサイトを構築する最も簡単な方法の 1 つは、最適化されたテーマを選択することです。

独自の Shopify サイトを構築している場合、適切なテーマを選択するには調査が必要です。好みのテーマをいくつか見つけることから始めます。次に、Google の Pagespeed Insight または別のパフォーマンスツールを使用して、テーマのパフォーマンスメトリックを測定します。多くの場合、各テーマのプレビューページを単純に比較して、実行速度が速いものを判断できます。

比較は Pagespeed Insight の全体的なスコアになりますが、Shopify テーマの速度パフォーマンスはテーマのコードと密接に関連していることがわかります。遅いテーマを実行するには、複数の JavaScript ファイルと複数の CSS ファイルが必要になります。これらの各ファイルは、レンダリングブロッキングを介してロードする必要があるため、パフォーマンスが低下します。代わりに、単一の JavaScript ファイルと単一の CSS ファイルを持つ最適化されたテーマを探してください。

これらの機能を提供する Shopify ライブラリにはかなりの数のオプションがあります。したがって、最適化されたテーマを探すと、オンラインストアのデザイン、外観、または雰囲気が制限されることを心配する必要はありません。

サードパーティの広告主に売却しないでください

ブランドを代表し、スムーズに運営される Shopify ストアを作成するには、多くの時間と労力がかかります。多くの場合、速度を落とさずにすべてのコンテンツ、メディア、およびウィジェットをページに配置するのは大変な作業です。ただし、e コマース企業は、サードパーティのコンテンツがサイトに与える影響も考慮する必要があります。

ほとんどの場合、サードパーティのスクリプトは Shopify ストアでスムーズに実行できます。たとえば、Amazon、Facebook、PayPal は、Web サイトにすばやく読み込まれる API とサードパーティのスクリプトを開発しました。実際、これらのスクリプトは、Shopify テーマの残りの部分よりもおそらく高速になる可能性があります。しかし、e コマース企業は他のサードパーティコンテンツを追加したいと考えています。ソーシャルメディア接続であろうと、サードパーティの広告であろうと、これらのスクリプトは有益です。ただし、一部のサードパーティスクリプトは Web サイトの最適化に悪影響を及ぼします。

サードパーティのスクリプトが多いほど、Shopify ストアが遅くなる可能性が高くなります。これらのスクリプトは、ストアを停止させることさえあります。 Shopify ウェブ開発者は、どのサードパーティのコンテンツがサイトを遅くしている可能性があるかを認識し、実際に必要なサードパーティのスクリプトを最適化するのに役立ちます.

1Digital Agency は、Shopify Plus パートナーであり、熟練した Shopify Web 開発者です。私たちのチームは Shopify と緊密に連携して、クライアントのオンラインストアをカスタマイズします。当社のウェブサイトにアクセスして、Shopify との緊密なパートナーシップと、ウェブページの読み込みが遅いなどの Shopify の問題を当社のチームがどのように解決しているかをご覧ください。