!取り上げるべき重要な洞察

ShopifyまたはPageSpeedInsightsで完全なスコアを取得することは不可能です

サードパーティのアプリとテーマは、ストアに非常に悪影響を及ぼします

PageSpeed Insightsは、最適化のアイデアを提案するのに適しています

最適化するために焦点を当てるべき最適化の機会のリスト

PageSpeedスコアを追いかけるのは時間の無駄です

まず、Shopifyの速度スコアはPageSpeed Insightsスコアであり、GoogleLighthouseのパフォーマンス指標に基づいています。スコアは、ストアのホームページ、製品ページ、およびコレクションページの加重平均に基づいています。ShopifyスコアレポートこれらのページのモバイルバージョンGooglePageSpeed

からの提案のすべてを文字通り受け取ることはできません。これは、非現実的または不可能な場合があるためです。
たとえば、「未使用のJavascriptまたはCSSを削除する」と表示されますが、これには非常に時間がかかり

ます。CSSファイルを分析し、ストアフロントでルールが使用されていないことを確認し、ファイルを編集して、多くのことを行う必要があります。テスト。それらを修正する時間は非常に長いですが、利点はそれだけの価値がないかもしれません。

ゼロからサイトを構築する場合、この問題は発生しない可能性がありますが、Shopifyを使用している場合は、カスタマイズテーマを使用しておらず、サードパーティのアプリを使用していることは間違いありません。

スピードスコアに大きな影響を与える要因はどれですか?

サードパーティアプリ

ほとんどのサードパーティアプリは、JavaScriptおよびCSSリソースを追加します。これらは、Google PageSpeedInsightsでもここでフラグが付けられます。このような場合、これらのファイルを最適化する方法の詳細については、アプリ開発者に問い合わせる必要があります。

テーマ

テーマはページ速度の重要なプレーヤーです。一部のテーマはパフォーマンスのために構築されています。より高速なテーマを使用することが、あなたが行う最大の変更になる可能性があります。また、ストアをクリーンアップするチャンスでもあります。アンインストールされたアプリの残りのコードは、現在のテーマに残る可能性があります。

PageSpeed Insightsは何に適していますか?

PageSpeed Insightsを使用して、そのページを改善する方法についての提案を提供する必要があります。

時々それはあなたが取り組むことができるあなたのサイトの問題領域を最適化することをあなたに提案します。例:オフスクリーン画像を延期します。これは、ストアに遅延読み込み手法が適切に実装されていないことを意味します。

また、重いJSコードがYouTubeビデオまたはサードパーティのアプリからのものであるという警告が表示される場合があります。これらは、保持する価値があるかどうかを検討する必要があります。

ストアの速度を最適化するにはどうすればよいですか?

画像と動画の最適化
特大の画像や非表示の画像は、ページの他のより重要な部分の読み込みを妨げる可能性があります。ユーザーが大きな画像が読み込まれるのを待たなければならない場合、ユーザーはあなたのストアが遅いと感じるかもしれません。

ユーザーが動画を再生するかどうかに関係なく、ページに膨大なリソースを追加するデフォルトのYouTube / Vimeo埋め込みを使用するのではなく、YouTube埋め込みにリンクされているクリック可能な画像である小さなプレースホルダーWebページを使用します。

遅延読み込みの実装遅延読み込み
は、ページの読み込み時に重要ではないリソースの読み込みを延期する手法です。
この手法は、速度とパフォーマンスを向上させると同時に、サイトの読み込みが実際よりも速いとユーザーに思わせます。

テーマまたはアプリの機能
特定の機能を有効にすると、ストアの速度にも影響する場合があります。たとえば、一部のクイックビューポップアップは、コレクションページが読み込まれるときに、すべての製品ページから情報を事前に読み込みます。顧客が使用していない追加のデータを読み込むと、付加価値がなくてもストアの速度に影響を与える可能性があります。

機能によってストアの速度が低下していると思われる場合は、次の手順を実行できます。

機能が使用されていない場合は無効にします。

不要な場合は、この機能を無効にしてください。オンラインストアの機能と速度のバランスを考慮してください。

JS / CSSの
縮小化縮小化とは、ブラウザによるリソースの処理方法に影響を与えることなく、不要なデータや冗長なデータを削除するプロセスを指します。ページの読み込みパフォーマンスを向上させるには、JavascriptとCSSのリソースを縮小する必要があります。

GIFを使用しないでください
アニメーションGIFは、正当な理由でWeb上で人気があります。通常のイメージよりもエンゲージメントが高くなります。ただし、GIFはビデオを保存するためのひどい形式であり、サイズが大きいことが多く、ページの読み込み時間が遅くなり、データ使用量が多くなります。

HTML5ビデオを使用すると、ブラウザのフォントでGIF形式の独自の品質を維持しながら、GIFコンテンツのサイズを最大98%削減できます。

顧客のコンピュータにまだ存在しないフォントを使用しないでください。テキストを表示する前に、フォントをダウンロードする必要があります。これは、ストアの読み込みにかかる時間に影響します。

顧客のコンピューターに新しいフォントをダウンロードしないようにするために、システムフォントを使用できます。システムフォントは、ほとんどのコンピュータにすでにインストールされているフォントです。

この情報がお役に立てば幸いです。

さらにサポートが必要な場合は、ライブチャットでお気軽にお問い合わせいただくか、support @ perfectapps.ioまでメールでお問い合わせください。

注意
この記事の内容はもともと英語で書かれていて、自動的に日本語に翻訳されました。わかりにくい場合は英語版をご参照ください。
この記事は役に立ちましたか?
キャンセル
ありがとうございます