vue2.x网站打开慢的优化记录
使用vue cli3.x生成的网站,有时打开很慢,
1.app.js下载很慢,用chrome调试发现wait(TTFB)有时候超过5秒(TTFB:time to first Byte,首字节返回时长),有时候正常。有两台服务器做负载均衡。把问题反馈给服务器管理相关人员,IIS有一台连接数是1000,另一个10000+,把这台1000的改成10000+,app.js下载很慢的问题解决。
2.把vue的预加载去掉,这样减少首页的请求数量:
chainWebpack: config => { // 移除 prefetch 插件 config.plugins.delete("prefetch");
3.把大图片用tinypng.com压缩一遍。墙裂推荐存为SVG,现在无需考虑SVG的兼容性,IE9+都是支持的。因为设计师给不了SVG,源文件是PSD搞的。要求设计师用AI或是XD。
完成这三步后,现在网站DOM加载完成1.xx秒,已经是一个很正常的水平。大功告成。