检验优化成功工具 pagespeed： pagespeed.web.dev/
下面我们可以从以下几个方面进行性能优化：
1. 组件懒加载：
- 在Nuxt 3中，通过添加
Lazy作为前缀来实现组件的懒加载。例如，将<Modal />替换为<LazyModal />，这样组件只有在需要时才会被加载和渲染,这是一个很容易忽略的性能优化点 。
个人在开发中评判是否使用懒加载组件的标准为
- 不在用户首屏范围内
- 需要用户执行操作后才显示的组件
2. 分包策略 和 静态资源缓存
- 在浏览器环境中，浏览器会默认缓存已经请求过的静态资源,如下图cloudflare中 就有关于TTL的设置，一般设置30天就够用了，如果你有特殊需求可以设置为1年
3. 开启gzip 压缩和HTTP/2
- 这个如果你们是前后端分离 人分离的话 就不用管了。 Nginx开启Gzip压缩功能
将响应报⽂发送⾄客户端之前可以启⽤压缩功能，这能够有效地节约带宽，并提⾼响应⾄客户端的速度，大约可以压缩25%左右
4. 图片体积以及懒加载图片
使用nuxt-img lazy 可以使图片懒加载，目前webp已经支持大多数主流浏览器，可以将图片压缩后使用配合懒加载
在页面加载前开启 控制台Network 可以看到初始化加载的图片和Size 信息，如果不配合懒加载一个页面可能就会消耗用户 10mb 甚至更多
5. 需要加载后才有固定高度的内容
比如 video image aduio 等 标签 会加载完成资源后 auto 一个宽度，如果前端没有设置固定宽度 ，标签下方有内容的时候，就会触发页面的重绘，在移动端性能影响尤其明显，
解决办法
1.设置高度2.交互体验良好的骨架屏
6. 使用 vite-plugin-remove-console 或其他工具删除线上console
该模块优化性能较小，但是适合比较追求极致的开发者
7. 使用CDN
如果用的是cloudflare ，自带有免费的CDN, 阿里云 腾讯云等 需单独购买。 通过CDN可以到离使用者最近 CDN 节点(CDN POP)，不需要到处部署主机，只要用CDN就可以让全世界加载资源更快。
结论
优化网站性能的方法还有很多，有空了再更新，欢迎在评论区留言，分享你使用过的优化网站性能经验 (tip:本文为前端技术熊原创所有，转载文图请注明出处)