BigCommerce Webサイトを高速化する方法は？
公開: 2021-08-10今日のデジタル世界ではスピードがすべてです。 ユーザーはすぐに起こることに慣れてきており、遅延の時代は過ぎ去りました。 BigCommerceのWebサイトが遅いと感じた場合、顧客と潜在的な顧客を同様に苛立たせます。 私たちはそれがあまりにも多くのように感じるのを手伝いましょう！
このブログ投稿では、銀行を壊したり、自分でやりすぎたりすることなく、BigCommerceストアをスピードアップできるいくつかの方法を探ります。
ウェブサイトの速度とは何ですか？
ウェブサイトの速度は、ウェブサイトがブラウザに読み込まれる速度です。 これは、完全にロードされるまでにかかる時間で測定されます。これは、次のようないくつかの異なる要因の影響を受ける可能性があります。
- ページのサイズ（画像や動画が多すぎるとページの太さが増します）
- あなたのホスティングプロバイダー（地理的にあなたに近いほど、彼らのサーバーは速くなります）
- ページ上の広告の数とそれらが生み出す収益（広告は、ロードするコードを追加することでWebサイトの速度を低下させる可能性があります）。
サーバーの応答時間は、サイトのユーザー数とトラフィックレベルの影響を受けます。 速度テスト中にトラフィックの多い期間と低い期間を分析して、トラフィックがどのように影響するかを確認できます。
BigCommerceストアで速度が重要なのはなぜですか？
速度は、行うコンバージョン数に影響するため、Webサイトにとって重要です。 ページの読み込みが速いほど、より多くの人がそのページにとどまり、販売している商品を閲覧します。 ただし、サイトの読み込み時間が遅いほど、コンバージョンにつながる可能性のある買い物客は少なくなります。
Shopifyストアについても同じことが言えます。ShopifyのWebサイトを高速化する方法について詳しくは、投稿をご覧ください。
BigCommerceストアの速度を測定する方法は？
PingdomやGoogleのPageSpeedInsightsなど、Webサイトの速度をチェックするための無料のツールがたくさんあります。 これらのツールは読み込み時間を測定し、分析するすべての指標のスコアを表示します。
すばらしいニュースは、ほとんどのページ速度テストサイトが、BigCommerceサイトのスコアを改善する方法についての提案を提供することです。 これらは多くの場合、画像の縮小、ページでのプラグインとスクリプトの使用の削減、または一般的なコードの簡素化などです。
BigCommerce Webサイトを高速化する方法は？
画像の最適化と圧縮
BigCommerceストアを高速化する最も簡単な方法の1つは、画像を最適化することです。 この仕事で私たちが気に入っているツールはImageOptimです。これは、品質を大幅に低下させることなく画像ファイルを圧縮します。 何百もの小さなサイズのJPEGを圧縮するのに数分かかる場合があり、WebサイトをナビゲートするときにWebサイトがよりスッキリした感じになります。
読み込み時間を短縮するには、画像も小さくする必要があります。 100 x 100の商品画像のみが必要な場合は、3000 x3000の画像をアップロードする必要はありません。 これらの画像は、ページへの読み込みと表示に時間がかかる可能性があるため、アップロードする前に適切なサイズであることを確認してください。
CSS / JavaScriptを縮小する
BigCommerceストアを高速化するための次のステップは、CSSとJavaScriptを最小化することです。 それほど多くはないように聞こえますが、これらのファイルを縮小すると、ファイルサイズが大幅に削減されるため、Webサイトの読み込み時間に大きな影響を与える可能性があります。 このタスクを実行するには、YUICompressorやClean-cssなどのツールを使用することをお勧めします。
遅延読み込み画像
遅延読み込みは、BigCommerceWebサイトを高速化するためのもう1つの迅速で無料の方法です。 遅延読み込みの背後にある考え方は単純です。特定の瞬間にユーザーのビューポートに表示される要素のみをレンダリングすることで、処理能力の負荷を節約しながら、処理を高速に保ちます。
PageSpeedInsightsで分析する
PageSpeed Insightsは、すべてのデバイスとブラウザでWebサイトがどの程度読み込まれるかを分析するためのGoogleのツールです。 JavaScriptやCSSの縮小など、BigCommerceストアの高速化に役立つ可能性のあるいくつかの優れたヒントを提供します。
リダイレクトとリンク切れを最小限に抑える
アドレスを変更したり、コンテンツを移動したりする場合は、リダイレクトが必要です。 ただし、舞台裏で行われる複雑な「リダイレクト」プロセスのために、ページの読み込みに遅延が発生することでも有名です。
アプリの使用を制限する
アプリは素晴らしいものですが、大きな頭痛の種になることもあります。 サイトの実行速度がすでに遅い場合は、GoogleマップやFacebookコメントなどのサードパーティサービスをオフにすることを検討してください。これらのサービスはパフォーマンスをさらに低下させる可能性があります。
高速ホスティング
BigCommerceストアを高速化するもう1つの簡単な方法は、Webサイトに高速で信頼性の高いホストを使用することです。 SiteGroundは、サイトがダウンしないようにする稼働時間保証付きの安価なホスティングを提供します。 また、無料のSSL証明書など、多数のセキュリティ機能が組み込まれているため、顧客はより安全にWebサイトで買い物をすることができます。
サイドバー/フッターの最近のブログ投稿を減らす
一部のテーマでは、最近のブログ投稿のスニペットをサイドバーまたはフッターに表示できます。 できるだけ多くを含めることは魅力的かもしれませんが、それはあなたのサイトのページの読み込み時間を短縮します。 ベストプラクティスは、カテゴリごとに最近の投稿をいくつか含めてから、そのセクションの他のすべてのブログコンテンツにリンクを付けてリンクすることです。
高速テーマを使用する
BigCommerceストアをスピードアップするための最も簡単で効果的な方法の1つは、高速テーマを使用することです。 CSS、JavaScript、または画像の使用量が少ないテーマは、サーバー上の占有スペースがはるかに少ないため、他のテーマよりも著しく高速に読み込まれます。 そのため、Atelier Themeのように、パフォーマンスのために特別に構築されたものを探す価値があります。
CloudFlare
CloudFlareは、サイトの高速化を検討しているWebサイト所有者にとって優れたオプションです。 彼らは自分自身をホストすることを提供していませんが、市場で最高のCDNサービスの1つと、スパイしている可能性のある人から顧客の閲覧情報を保護する無料のSSL証明書を提供しています！
動的ホームページ表示を削除する
BigCommerceを使用すると、ユーザーは、注目の新製品や売れ筋商品を含むホームページアイテムの数を制御できます。 これは優れた機能ですが、使用する製品が動的であるほど、サイトの速度は低下します。
Webサイト上のすべての動的表示を削除する必要はありませんが、数を5未満に制限すると、成功するための最良の位置になります。
結論
結論として、BigCommerceストアを高速化するための実装が簡単なソリューションがいくつかあります。 サイト上のすべての画像が最適化されていることを確認し、CSSファイルとJavaScriptファイルを最小化してファイルサイズを縮小し、可能な場合は画像の遅延読み込みを行い、不要な場合はアプリの使用を制限してから、PageSpeedInsightsを使用してトラックの変更を見つけて追加の方法を見つけてください性能を上げる。
ウェブサイトのメンテナンスに関する詳細については、最近の投稿をご覧ください。