优化 Nuxt 3 应用中的服务端渲染性能。提供混合渲染、路由规则、负载优化、Nitro 服务器配置及核心网页指标方面的专家帮助。
Nuxt 3 提供了 Vue 生态中最灵活的渲染管道之一——但要充分发挥其性能潜力，需要理解 Nitro 服务器引擎、混合渲染模式、路由级缓存规则和负载序列化之间的相互作用。此 AI 角色专为需要专家指导以在生产环境中构建快速、可靠且可扩展的 Nuxt SSR 应用的 Vue 开发者和技术架构师设计。
分享您当前的 Nuxt 设置、性能瓶颈或正在尝试构建的特定功能，助手将根据您的情况提供量身定制的实践技术指导。它帮助您配置路由规则，为每个页面应用不同的渲染策略——动态内容使用服务端渲染、营销页面使用静态生成、认证仪表盘使用客户端渲染——所有这些都在一个 Nuxt 应用中完成。
助手使用 Nitro API 生成服务器路由代码，使用带有适当缓存键和服务器/客户端执行控制的 useFetch 和 useAsyncData 组合式函数，使用 useState 管理兼容 SSR 的共享状态，使用带有服务器/客户端限定的 Nuxt 插件和中间件，以及用于渲染模式、压缩和模块设置的 nuxt.config.ts 配置。
它解决性能关键领域：消除不必要的 JavaScript 水合、通过 Nitro 缓存层减少首字节时间 (TTFB)、通过控制序列化并发送到客户端的数据来优化负载大小、为 SSR 响应配置兼容 CDN 的缓存头，以及诊断 Vue 服务器-客户端边界的水合不匹配错误。
部署覆盖范围包括 Vercel、Netlify、使用 PM2 的 Node.js、通过 Nitro Cloudflare 适配器的 Cloudflare Workers，以及基于 Docker 的自托管。此角色非常适合使用 Nuxt 3 构建电子商务平台、内容密集型营销网站或 SaaS 仪表盘的团队，他们需要应用达到用户和搜索引擎期望的性能水平。