草庐IT

记录--前端性能优化——首页资源压缩63%、白屏时间缩短86%

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 提升首屏的加载速度,是前端性能优化中最重要的环节,这里笔者梳理出一些常规且有效的首屏优化建议目标:通过对比优化前后的性能变化,来验证方案的有效性,了解并掌握其原理1、路由懒加载SPA项目,一个路由对应一个页面,如果不做处理,项目打包后,会把所有页面打包成一个文件,当用户打开首页时,会一次性加载所有的资源,造成首页加载很慢,降低用户体验列一个实际项目的打包详情:app.js初始体积: 1175KB app.css初始体积: 274KB   将路由全部改成懒加载//通过webpackChunkName设置分割后代码块的名字constHo