Webパフォーマンス & Core Web Vitals

Web Vitals は、Google が作成した、Web 上のエンドユーザーのページエクスペリエンスを測定するための統一されたガイダンスと指標を提供するイニシアチブです。

Core Web Vitals は Web Vitals のサブセットであり、現在、読み込み、インタラクティブ性、視覚的な安定性を測定する 3 つの指標で構成されています。これらの指標は、Largest Contentful Paint (LCP)、First Input Delay (FID)、および Cumulative Layout Shift (CLS) です。

これら 3 つの指標で優れたスコアを達成することは、ユーザーにとってよりスムーズなウェブサイトエクスペリエンスを作成します。

Core Web Vitals の各指標でスコアが低いウェブサイトは、Google が Core Web Vitals をランキング要因 として検索アルゴリズムに使用し始めるため、検索エンジンのランキングに影響します。質の低いバイタルは、ウェブトラフィックとビジネスに影響を与える可能性があります。

このレッスンでは、以下のことを学びます。

• Core Web Vitals に関する簡単な背景。
• SEO および UX における Core Web Vitals の意味と、ウェブサイトへの影響。
• 開発プロセスで Core Web Vitals を気にかけるべき理由と、それらを測定する方法。
• Next.js を使用して Core Web Vitals を改善し、変更を監視する方法。