Nuxt 性能优化

面向高级资深前端开发，覆盖 Core Web Vitals、SSR 缓存、payload、bundle、图片、数据瀑布和运行时性能。

本章内容

• Nuxt SSR 页面 TTFB 很高，如何系统定位和优化？
• 如何优化 Nuxt 的 hydration 成本和 INP？
• Nuxt payload 过大导致首屏慢，如何治理？
• Nuxt 如何通过 routeRules、Nitro cache 和 CDN 优化内容型网站？
• Nuxt 图片和字体如何优化，改善 LCP 和 CLS？
• Nuxt 应用出现客户端数据瀑布，如何重构数据获取？