Core Web Vitalsの改善

Next.jsの機能を使って、サンプルアプリケーションのCore Web Vitalsをどのように改善できるか見ていきましょう。

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

• 第23章：Lighthouseとは何か、そしてどのように使用するか？
• 第24章：next/imageはどのように画像を自動的に最適化できるか？
• 第25章：ダイナミックインポートは、初期JavaScriptバンドルをどのように削減するか？
• 第26章：コンポーネントをダイナミックインポートするには、どのように、そしていつ行うべきか？
• 第27章：Next.jsはデフォルトでWebフォントの読み込みをどのように最適化するか？
• 第28章：サードパーティスクリプトの読み込みをどのように最適化するか？