摘要: 针对web页面的首屏加载问题,一直是个问题,为此还引出一个性能考量标准:白屏时间、首屏时间。 1.白屏时间 打开chrome控制台的Performance,我们可以看到页面的渲染快照: 这段白屏时间影响的因素归根结底就是:资源加载耗时较长(chunk.js文件下载耗时35.75s); 而对于现在的大 阅读全文
posted @ 2020-08-19 12:07 没事看看电影 阅读(881) 评论(0) 推荐(0) 编辑
摘要: 摘要: 打包的时候开启gzip可以很大程度减少包的大小,非常适合于上线部署。更小的体积对于用户体验来说 就意味着更快的加载速度以及更好的用户体验。 Vue-cli3.0项目 安装依赖:compression-webpack-plugin npm install compression-webpack 阅读全文
posted @ 2020-08-19 11:12 没事看看电影 阅读(1723) 评论(0) 推荐(0) 编辑
摘要: webpack中的三个概念module、chunk和bundle 在研究splitChunks之前,我们必须先弄明白这三个名词是什么意思,主要是chunk的含义,要不然你就不知道splitChunks是在什么的基础上进行拆分。 从官网上貌似没找太多的解释,去网上搜了搜基本上都在转述这位老哥的回答《w 阅读全文
posted @ 2020-08-19 10:14 没事看看电影 阅读(388) 评论(0) 推荐(0) 编辑