like_the_beauty的博客

原创 vue项目优化

图片压缩，Vite会默认将小于4KB的图片转成内联的base64，减少HTTP请求数量，对于其他图片，可以根据项目对清晰度的要求，进行适当压缩，以加快加载速度。CDN加速，CDN是内容分发网络，让用户从最近的远程服务器请求资源，将三方库从CDN引入，可以减少构建时间，并且提高生产环境中页面加载速度。单页应用首屏加载慢，首屏加载是指，用户在浏览器输入网址后，首屏内容的渲染完成，是用户体验中最重要的环节。设置静态的骨架屏，直接放在index.html中的根容器中，体验/感知优化。组件频繁切换使用v-show。