Nuxt 项目性能优化调研分析

Nuxt 是支持 Vue SSR 的一个框架，底层需要运行 Node 服务。同条件下做了压测后，吞吐量也是 50 上下，平均响应时长七八秒，所以卡是正常现象项目没做缓存，所以每次访问都会经历所有 Nuxt 生命周期，消耗 cpu，这点是最致命的项目打包默认 gzip。另外，服务端的接口请求可以并发，用类似 Promise.all 的形式去控制SEO。缓存是最重要的方案，针对 Nuxt 项目可以做三级缓存，页面缓存、组件缓存以及 API 缓存。Nuxt.js 官方定义： Nuxt.js 是一个基于 Vue 的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染。我们的目标是创建一个灵活的应用框架，你可以基于它初始化新项目的基础结构代码，或者在已有 Node.js 项目中使用 Nuxt.js。