随笔分类 - 前端优化
摘要:【前言】 小程序开发中,有时会遇到下面这种情况,项目目录中存放过大的js包,会被警告影响手机端性能,同时让开发编译启动变得很慢。慢是其次,单是影响性能这一点,就需要解决一下。 【云资源】 将项目js包放入公司的oss、obs之类的云存储上,通过https链接来访问。 https链接不能使用node的
阅读全文
摘要:【前言】 前面在git分支规范那篇文章里,介绍了commit提交规范,如下图 但是想要做到高效落地执行,就需要做些别的功课,先展示下成果图 没错,对不符合规范的commit进行了拦截,符合才可以成功提交。 【前期准备】 需要了解git hooks,它是git的钩子,就像vue拥有自己的钩子一样 官方
阅读全文
摘要:【前言】 前面对项目打包做了优化处理,但是还不够完美,有两点可继续优化 1. 生成的chunk-vendors文件过大,压缩后仍然超过1M 2. 开发、测试环境生成的js文件,未带哈希值 问题1:如果在弱网环境下,会造成首次白屏时间过长 问题2:容易产生同名文件,造成浏览器缓存 出于以上两点考虑,故
阅读全文
摘要:【前言】 《闻香识女人》中有句经典台词,“有些人一分钟过尽一生”,多少人在等待中浪费了生命的美好。同样,如果一个项目构建、热更新、打包速度过慢,中途需大把时间去等待,那么不免让人抓狂。 【效果展示】 优化前,构建速度 整整126秒,两分多钟过去后,项目才启动成功 优化后,构建速度 21秒运行完毕,仅
阅读全文