Vue项目 前端生产环境下加载速度太慢,要优化加载速度(首屏优化)可以考虑的优化方面

可以优化的方面

0、升级服务器
1、开启gzip压缩 服务器端要同步开启
2、第三方插件用cdn引入 (要注意有些项目有可能自身有局限性,限制外网访问)
3、压缩js代码 一般生产模式都会自动压缩的 (但是有可能因为某些插件冲突的原因,没有自动压缩)
4、将css代码拆分独立出来
5、压缩css代码
6、压缩html代码 (去除 HTML 注释 去掉空格)
7、禁止生成source-map文件
8、关闭webpack对控制台的调用(去掉console、debugger等等)
9、尽量使用雪碧图(精灵图) 减少http请求的数量
10、减少http请求的数量
11、压缩图片资源

速度提升的程度大概是从大到小排列

posted @ 2021-08-28 16:32  王二疯  阅读(671)  评论(0编辑  收藏  举报