Nuxt优化

前言：推荐查看Nuxt3优化Nuxt3 + vite优化

1、lightnight 灯塔评分

优化前	优化后
遮罩logo、首屏有点慢等	Oss图片、入口文件、首屏全ssr等待优化

2、开始优化

1）提升首次内容绘制（FCP）速度

当其冲的任务就是减小页面显示的大体积 js 文件。现代网站的 js 脚本往往比 html 更重，当浏览器加载 html 时遇到 <script> 标签，就不能再继续构建 DOM，而是要等待脚本下载完成并执行结束，才能继续处理其余的内容。

• 查看treemap

• 优化方案：

1. /_nuxt/BLs457TE.js文件过大，优化方案：

分包 vite分包

// 分包、拆包
// https://github.com/sanyuan0704/vite-plugin-chunk-split/blob/HEAD/README-CN.md
chunkSplitPlugin({
  strategy: "default",
  customSplitting: {
    "plugins": [/plugins/],
    "composables": [/composables/],
    "element-china-area-data": [/element-china-area-data/],
  },
}),

成果	优化项
	vite分包、拆包
	lightnight

其他优化待定

1）web worker进程渲染优化聊天定时 Partytown🎉