Googleのコアウェブバイタルに合格する高速な多言語ウェブサイトを構築する方法

コアウェブバイタルと、それがSEO（および多言語SEO）に与える今後の影響について、すでに耳にしたことがあるかもしれません。サイトの速度を最適化するためにすべきことをリストアップした記事をいくつか読んだこともあるでしょう。このチュートリアルでは、説明する代わりに実際にお見せします。ダリオがカスタムの多言語WooCommerceサイトをゼロから作成し、Google PageSpeed Insightsで素晴らしいスコアを達成する様子をご覧ください。

ページの読み込みにかかる時間（Largest Contentful Paint）が、訪問者の定着率とコンバージョンにとって重要であることはすでに知られています。コアウェブバイタルの枠組みにおいて、Googleは他の2つのパフォーマンス指標、すなわち「レイアウトシフト」と「インタラクティブになるまでの時間」を含めています。これら3つの指標を合わせることで、特にモバイルにおいてページがどれだけ「快適に」感じられるかを示す優れた指標となります。Googleは開発者を困らせるためではなく、ユーザーエクスペリエンスを向上させるためにこれらの指標を考案しました。結局のところ、Googleは企業であり、利益を上げることを目的としています。Googleが利益を上げるためには、ユーザーが検索結果を気に入る必要があります。関連性の高いコンテンツを提供することに加えて、Googleは訪問者に「ブラウジング体験」も楽しんでもらいたいと考えています。

そして、Googleで非常に良いスコアを達成するために、高度な専門知識は必要ないことがわかっています。必要なのは、正しいスタートを切り、些細な間違いを避けることだけです。

チェックリストには以下のものが含まれます。

• 優れたホスト
• 不要なものを避ける
• ページキャッシュ
• CDN

これだけです。

空のWordPressサイトを作成し、軽量なテーマを選び、キャッシュとCDNを有効化しました。それを高速なホスト（コストは$10/月）に配置し、結果を測定しました。その結果、CWVでほぼ100のスコアを獲得しました。その後、リソースを無駄にしないプラグインのみを慎重に追加し、小さなサイズの画像を使用しました。

その結果はどうだったでしょうか。すべてが非常に高速に読み込まれ、Googleのガイドラインに合格する、完全にカスタムされた多言語WooCommerceサイトが完成しました。特別な魔法やハッキングは一切ありません。

私たちの手順については動画をご覧ください。ご自身のサイトでの状況や、パフォーマンスが低下していると感じる箇所について、コメントでお知らせください。