開発者でなくてもMagentoストアのGooglePageSpeedInsightsスコアをすばやく改善する方法
公開: 2019-11-07
最終更新日-2021年7月8日
Google PageSpeed Insightsの高いスコアは、Magentoストアの品質の証になっています。 また、Googleと主要なMagento最適化チームの両方が、パフォーマンスの最適化を測定するための優れたツールではないことを強調していますが、オンライン小売業者は、速度と信頼性の観点から店舗のパフォーマンスを監視するために、それを信頼しています。
そのため、開発者の専門知識がない場合でも、GooglePageSpeedスコアをすばやく修正する方法に関する小さなガイドを作成しました。 すべての修正は実装が簡単で、最小限の労力で多くのパンチを詰め込み、1日以内に実装できます。
修正＃1。 良いCDNを取得する
コンテンツ配信ネットワークは、Magentoストアのすべてを解決するものではありませんが、可能な限りそれに近いものです。 CDNは、アセット配信の高速化とレイテンシーの短縮という明らかなメリットに加えて、Magentoストアを高速化できる一連の機能を提供します。
- メディアの最適化（CDNは、品質を損なうことなく全体的な画像サイズを縮小する方法を知っています）、
- CSS、JS、HTMLファイルなどの静的アセットの縮小と圧縮（より小さなアセットを作成すると、低速のネットワークでもより速くそれらを提供するのに間違いなく役立ちます）、
- 古いJPEGファイルをそれをサポートするブラウザーの最新のWebP形式に交換します（画像の読み込みが速くなり、占有するスペースが少なくなります）。
- 画像をプログレッシブ形式に変換します（プログレッシブ画像は従来の画像とは異なる方法で読み込まれるため、技術的にはストアが同じ速度で読み込まれる場合でも、ユーザーに高いパフォーマンスを提供します）、
- 重要なアセットの配信を高速化するために、アセットの読み込みを延期します（Magentoは主にJavaScriptの解析を延期する必要があります）。
- HTTP / 2およびQUICプロトコルに優先順位を付けて、ファイルをより高速にロードし、同期をとらないようにします。
- キャッシュの経過時間を最適な値に微調整し、
- さまざまな画像バージョンをさまざまなユーザーに提供します（たとえば、ブラウザーがより小さなサイズの画像を必要とする場合、マルチバージョン化は便利です）。
CDNのインストールと構成には、多くの技術的な専門知識は必要ありません。 ほとんどの場合、それほど困難なくタスクを処理することができます。 CDNは、Magentoのフロントエンドパフォーマンスに最適なソリューションの1つです。 その統合は、それが提供する有用な修正の膨大な量のためにあなたのグーグルPageSpeedスコアを大幅に改善することができます。
CDNはツールボックスの中で最高のツールですが、ストアを高速化し、PageSpeedスコアをさらに高くする方法をさらに2つ紹介したいと思います。
修正＃2。 有能なMagentoホスティングを選択してください
Magentoは、サーバーからパフォーマンスの最後のビットをすべて引き出すのを支援するために集中的なサポートチームを必要とする、要求が厳しく、リソースを大量に消費するプラットフォームです。
残念ながら、ほとんどの場合、Magentoストアの所有者は、優れたホスティングプロバイダーを価値のある投資とは見なしていません。 店舗の要件を有能なサーバー環境と一致させる代わりに、Magentoを最適化して、共有ホスティングソリューションまたは最低限の仮想プライベートサーバーの制限された境界に詰め込む方法を検討しています。
そのため、Magentoホスティング環境を慎重に選択し、さらに細心の注意を払って、プロバイダーの技術サポートチームを選択することが非常に重要です。 それらは、環境を構成し、遭遇する可能性のある潜在的な技術的問題に対処するのを支援する人々です。
優れたホスティング業者と強力なサーバーは、GooglePageSpeedスコアの目に見える改善につながります。 サーバーが強力であるほど、CPUのボトルネックに関連する問題が軽減されます。CPUはMagentoWebストアで最も一般的な狭いポイントです。 したがって、より強力なサーバーが必要かどうかを疑うことはありません。アップグレードするだけでよい可能性があります。
ここでの推奨事項：調査を行ってください。 レビューを読んだり、質問したり、コミュニティの専門家と話したり、さまざまなプロバイダーからのオファーを比較したり、これらのホスティング業者に具体的な質問をしたりします。
修正＃3。 Magento管理者設定の最適化
Magentoの管理セクションは見過ごされがちですが、Magentoの最適化の効果的なベクトルです。 Magento管理パネルの最適化の利点の1つは、非常に技術的な作業を実際に行う必要がないことです。 Magento内で特定の設定を変更する方法についての簡単な手順に従ってください。
フラットカタログを有効にします。 これは、ストアに何千ものユニークな製品がある場合に効果的な修正です。 フラットなカタログと製品は、Magentoがストアに製品属性を保存する方法を変更します。 それらを別々のデータベーステーブルに保持する代わりに、サーバーが以前よりもはるかに高速に属性値をフェッチするのに役立つフラットな構造を構築します。 [ストア]>[設定]>[構成]>[カタログ]>[ストアフロント]に移動し、これら2つのオプションを[はい]に変更します。
JS設定を変更します。 何らかの理由で、デフォルトのMagentoJS設定は最適ではありません。 ただし、Magentoのパフォーマンスを真剣に考えている場合は、 [ストア]>[設定]>[構成]>[詳細設定]>[開発者]>[JavaScript設定]に移動し、以下のように変更することをお勧めします。
CSS設定を変更します。 最適化されていないCSSはパフォーマンスに深刻な影響を与える可能性があるため、この影響をできるだけ低くすることをお勧めします。 Stores> Configuration> Advanced> Developerに移動し、YES Minify andMergeCSS設定に変更します。
HTML設定を変更します。 HTML設定は、 [ストア]>[構成]>[詳細]>[開発者]>[テンプレート設定]にあります。 HTMLミニファイをオンにして、データを保存し、Webページの読み込みを高速化します。 縮小されたコードは読みにくくなりますが、はるかにコンパクトになります。これは、配信パフォーマンスが心配な場合に優れた機能です。
ボーナス修正。 Elasticsearchを有効にしてください！
店舗での検索は、Google PageSpeed Insightsのスコアには実際には影響しませんが、それでも実装する必要があります。 Elasticsearchは、ユーザーエクスペリエンスを大幅に向上させ、顧客に生活の質を大幅に向上させます。
問題は、多くの場合、店内検索は、遅いか不正確な場合、ショッピング体験全体の中で最も苛立たしい要素の1つです。 急いでいるユーザーにとって、検索の品質は、完了した購入と失われた顧客の違いになる可能性があります。
Elasticsearchは、簡単な水平スケーリング、高速な結果、スマート検索機能、同義語とストップワードの使用、および多言語サポートを提供します。
[ストア]>[設定]>[構成]>[カタログ]>[カタログ]>[カタログ検索]に移動して、Elasticsearchを有効にします。 セットアッププロセスは、前の3つの修正よりも複雑ですが、十分なメリットがあり、しばらくの間価値があります。 目的のバージョンのElasticsearchを有効にしたら、このガイドに従ってこの新しい検索エンジンを完全にインストールする必要があります。
注： Magentoに焦点を当てたホスティングプロバイダーは、Elasticsearchに精通しており、すぐに使用できるElasticsearch統合ソリューションを使用できることがよくあります。 すべてがどのように組み合わされるかをご覧ください。 優れたMagentoホスティングプロバイダーは、多くの面であなたの生活をとても楽にしてくれます。
パーフェクトスコアを取得します。 あなたもそれが必要ですか？
Google PageSpeedスコアは、ストアの速度をさまざまな方法で評価する数十の個別の監査に基づいており、ここにリストすることすら困難です。 理解する必要があるのは、ユーザーエクスペリエンスとユーザーエンゲージメントを最初に見ずに、スコアを単独で追跡した場合、スコアは無意味であるということです。 これらはあなたが上げたい本当の測定基準です。
顧客の閲覧方法、チェックアウト、ショッピングカート、または製品グリッドでの動作。 コンバージョンがどこで増加または減少し、どのように改善できるかを確認してください。 結局のところ、実際の人々は実際の売上をもたらします。 ロボットはあなたの店にとってそれほど重要ではありません。