提升您的核心網頁指標
讓我們看看如何利用 Next.js 的功能來提升範例應用的核心網頁指標 (Core Web Vitals)。
在本課程中,您將學習:
- 什麼是 Lighthouse 以及如何使用它。
- 如何使用
next/image
自動優化圖片。 - 如何動態載入函式庫和元件以減少初始 JS 打包體積。
- 如何預先連線 (preconnect) 第三方腳本。
- Next.js 如何預設優化網頁字型載入。
- 如何優化任何第三方腳本的載入。
讓我們看看如何利用 Next.js 的功能來提升範例應用的核心網頁指標 (Core Web Vitals)。
在本課程中,您將學習:
next/image
自動優化圖片。