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秒,已经是一个很正常的水平。大功告成。

posted on 2021-02-08 17:04  阿提  阅读(311)  评论(0编辑  收藏  举报

导航