Core Web Vitalsの改善

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

このレッスンでは、以下を学習します

• Lighthouseとは何か、そしてその使い方。
• next/image を使って画像を自動的に最適化する方法。
• ライブラリやコンポーネントを動的にインポートして、初期JSバンドルを削減する方法。
• サードパーティスクリプトにプリコネクトする方法。
• Next.jsがデフォルトでウェブフォントの読み込みを最適化する方法。
• あらゆるサードパーティスクリプトの読み込みを最適化する方法。