ページ速度を向上させ、コアWebバイタルをマスターする4つの方法

公開: 2021-08-20

Googleは検索アルゴリズムを更新したばかりで、これらのCoreWebVitalsのヒントを使用してサイトのページランキングを上げる絶好の機会になっています。

Googleの検索アルゴリズムに対する最新のメジャーアップデートは、CoreWebVitalsと呼ばれる新しい一連のランキング要素指標を通じてユーザーエクスペリエンスに大きく焦点を当てています。 Core Web Vital監査の初期の結果は、平均的なWebサイトがこれらの新しい基準を下回っていることを示しています。 Searchmetricsの調査によると、サイトは未使用のJavaScriptを削除することで、平均してページの読み込み時間を1秒近く短縮できることが明らかになりました。

これはあなた自身のページのランキングを上げることによって他のウェブサイトをしのぐ素晴らしい機会を提供します。

Core Web Vitalsについて知っておく必要のあるすべてのことと、メトリックを改善するための4つの簡単な手順を以下に示します。

Searchmetricsと提携して作成されたコンテンツ。

Core Web Vitalsメトリックとは何ですか？

Core Web Vitalsは、モバイルフレンドリーとHTTPSを含むGoogleのページエクスペリエンスシグナルの拡張です。 3つのCoreWebVitalsメトリックは、読み込みパフォーマンス、双方向性、視覚的安定性を測定します。これらは、Googleが実際のユーザーエクスペリエンスの正確な描写を提供すると見なしています。

Largest Contentful Paint（LCP）は、ユーザーの視点内に表示される最大の画像またはテキストブロックの読み込み時間を測定します。
First Input Delay（FID）は、ユーザーが最初にサイトと対話してからブラウザーがその対話に応答するまでの時間を計算することにより、ページ上の対話性を測定します。
累積レイアウトシフト（CLS）は、ページのレンダリング中にコンテンツがどれだけシフトするかを示します。

ページ速度の洞察を確認する方法

PageSpeed Insights、Chromeユーザーエクスペリエンスレポート、Lighthouse Audit、Search Consoleなど、ページランキングスコアをチェックする多くのオンラインツールがあります。これらのサイトは、さまざまな要素でページ速度を測定し、信号システムを使用して結果を表示します。 PageSpeed Insightsは、結果の内訳を提供し、改善の領域を強調します。

「良好な」パフォーマンスとは、数値で何を意味しますか？

提供するには優れたユーザーエクスペリエンス。LCPは、ページの読み込みが最初に開始されてから2.5秒以内に発生するはずです。ページのFIDは100ミリ秒未満で、CLSは0.1未満を維持する必要があります。

ウィキペディアのようなウェブサイトは、主にテキストと最適化された画像。ビデオコンテンツと画像に大きく依存しているWebサイトは、読み込みに時間がかかり、ユーザーエクスペリエンスが低下します。したがって、デザインとユーザーエクスペリエンスの間にはバランスが取れています。

あなたのサイトがどこにランク付けされているかを見てください。訪問 PageSpeedインサイト URLを入力します。注：一番上の数値は、Lighthouseスコア（PageSpeedスコアとも呼ばれます）で、0から100まで測定されます。これは、サイトのパフォーマンスの優れた一般的なベンチマークです。これは、LCP、FID、およびCLSの分析と見なす必要がある3つのコアWebバイタルメトリックに完全に関連しているわけではありません。

ページ速度を向上させる方法

合格は、3つの領域すべてで「良い」スコアを獲得したと見なされます。小さな変更を加えると、ページ速度スコアがわずか1秒向上し、LCPの「悪い」または「改善が必要」のスコアから「良い」スコアにサイトが移行する可能性があります。読み込み時間を短縮すると、ユーザーはより幸せになり、サイトへのトラフィックが増加します。

SearchmetricsのクリエイティブマーケティングエキスパートであるTomWellsは、次のように述べています。

「ウェブサイトで必要のないものは、そこにあるべきではありません。」

簡単に言えば、使用されていない要素や実質的な目的を持っていない要素を特定して削除すると、サイトのページ速度スコアが向上する可能性があります。

1.特大の画像

最適化が不十分な画像は、サイトのLCPスコアに影響を与える主な原因の1つです。これは通常、ロードする最大の要素であるためです。 eコマースビジネスや画像に大きく依存している企業は、複数の高解像度画像のページレンダリングが原因で、LCPスコアが低くなる可能性があります。

レスポンシブデザインまたはWebP、JPEG 2000、JPEG XRなどの次世代画像フォーマットを使用してこれらのアセットを最適化すると、レンダリング時間を短縮してスコアを向上させることができます。多くの場合、画像の品質に影響を与えることなく、画像をはるかに小さいサイズに圧縮できます。 Squooshのような無料のリソースがあなたのためにこれを行うことができます。

2.動的コンテンツと広告

Webページに広告をロードすることは、CLSスコアが悪い主な原因の1つです。これは、動的広告に対応するためにページシフトする要素に起因する可能性があり、ユーザーエクスペリエンスが低下します。

すべての広告、動画、画像要素にサイズ属性やCSSアスペクト比ボックスを割り当てるなどのスマートな実装方法を使用することは、コンテンツのシフトを減らす1つの方法です。一部の企業は、広告を配置するためにWebサイトの上部にプラグインまたはコーディングを使用する場合があります。ただし、これによりWebサイトの速度が低下し、ユーザーエクスペリエンスに悪影響を及ぼし、間接的にランキングに影響を与える可能性があります。

また、特定のユーザーインタラクションに応答する場合を除いて、既存のコンテンツの上にコンテンツを挿入しないでください。これにより、レイアウトのシフトが確実に発生します。たとえば、CTAボタンをクリックしてフォームが表示された場合は、例外です。

3.プラグイン中心のWebエコノミー

プラグインは、ウェブサイトの問題を解決するために「ひび割れを塗りつぶす」ように機能することができます、とウェルズは言います。一時的な修正を作成しても、ユーザーがWebページを完全に操作できるようになる前にすべてのコードをロードする必要があるため、Webのパフォーマンスが低下し、妨げられる可能性があります。

プラグインを使用すると、サーバーリクエストの数が増え、JavaScriptの実行時間が長くなる可能性があります。これらすべての要因により、サイトのFIDスコアが低下する可能性があります。

「多くの場合、高度な修正と解決策を探しますが、不要なものを削除するのと同じくらい簡単な場合もあります」とウェルズ氏は言います。

したがって、一部のプラグイン、特に未使用のプラグインを削除すると、Webサイトの反応性と速度を向上させることができます。

4.コードが多すぎます

Googleは、ウェブサイト全体のパフォーマンスに焦点を当てることをお勧めします。

「レスポンシブでスコアの高いWebサイトは、可能な限り軽量であることが重要です」とウェルズ氏は言います。
「サーバーがロードしなければならないものが多ければ多いほど、ロード時間は全体的に遅くなります。」

未使用のCSSとJavaScriptはページ速度スコアに直接影響しない場合がありますが、それでもサイトの読み込み時間に影響を与え、コードの膨張を引き起こし、ユーザーエクスペリエンスに悪影響を与える可能性があります。

いつ始めればいいですか？

Googleによる新しいアルゴリズムの展開は6月中旬に開始されたため、ページ速度テストでサイトのスコアがどの程度高いかを確認することから始める価値があります。ランクの高いウェブサイトはコアウェブバイタルスコアが高くなる傾向があり、Googleがユーザーエクスペリエンスをより重視するにつれて、この傾向は続くでしょう。
___
AoifeMorgan著
ソース： SearchEngineWatch