ページ速度を改善し、コアWebバイタル、SEOを向上する一番効果的な方法

コアWebバイタルスコアを改善するためのアドバイスは、一般的にページを高速化する方法に関するアドバイスと非常によく似ています。
したがって、Webサイトを構築するときは、速度を最優先事項の1つとして考えてください。 そのために検討できることがいくつかあります。

サイトの要素を減らす

「リクエスト数を少なくし、転送サイズを小さくする」は、Googleからの主な推奨事項の1つです。 もう1つは、「サードパーティの使用を最小限に抑える」ことです。
サイトに追加するすべてのデザイン要素または機能により、余分なネットワークトラフィックが追加されます。これらには、 画像、自動再生ビデオ、フォント、ライブチャット、分析、ソーシャルメディア共有ボタン、ポップアップ、またはバナー広告が含まれます。
重要なことは、まずそのサイト上のすべてのクエリ、サードパーティサービス、コンテンツを分析して、どのようなものが使用されているかを完全に把握することです。 個々のリクエストの目的は何であるか、また、 それらの要素が本当にサイトのユーザーに対して価値を生んでいるかどうかなどを検討して、もし無駄な要素があれば 、それらをすべてなくすことが重要です。

Googleアナリティクスと違い、AnanasはCookieを使用しないためCookie(クッキー)使用同意を求めるポップアップ不要で、簡単にアクセス解析が可能なので、サイトの要素を減らすことができます。

すべての画像のサイズ変更と圧縮

「適切なサイズの画像」と「次世代フォーマットで画像を提供する」は、Googleの推奨事項の2つです。
使用する画像のサイズを変更して圧縮することで、訪問者に目立った違いを与えることなく、ページの重みを大幅に減らすことができます。 WebPなどの次世代フォーマットで画像を提供することも良いアプローチの一つです。

遅延読み込みとファサードを実装する

サイトにまだ多くの要素がある場合は、遅延読み込みによってパフォーマンスを向上させることができます。 たとえば、「オフスクリーン画像を延期する」ことをお勧めします。
つまり、ページが読み込まれるとすぐにすべてのリソースを読み込むのではなく、訪問者がページを下にスクロールするときにリソースを読み込むか、要素の代わりにファサードを配置して、訪問者が要素を操作した場合にのみ要素自体を読み込みます。
一部のブラウザは、デフォルトで画像を遅延ロードするようになりましたが、すべてのブラウザがそうではありません。 Googleの推奨事項にも「ファサードを使用してサードパーティのリソースを遅延ロードする」と書かれています。

重い機能を軽量の代替機能に置き換える

特定の機能なしではサイトのサービス、コンテンツが成り立たない場合は、より軽量な代替品を探してみてください。 いくつかの例：
・GoogleFontsはWebセーフフォントに置き換えることができます。
・自動再生されるYouTube動画は、Cookieを埋め込まない代替手段（ドメインをyoutube-nocookie.comに切り替える）またはクリックして再生する必要があるファサードに置き換えることができます。
・スクリプトサイズが45KBのGoogleアナリティクスは、1KB未満のAnanasに置き換えることができます。
サイトの重くて遅い要素を特定し、より適切で軽量な代替ソリューションを探しましょう。