问题起源:
我接手一个React的项目,发现路由基本上都是通过React.lazy路由懒加载的方式使用。
我的理解是:
路由懒加载可以在打包的时候将js拆分成多个,浏览器访问的时候防止加载时间过长,达到优化效果。但是,同样的拆分js会导致http请求数量变多。
问题:
什么情况下使用路由懒加载,怎么权衡要不要用?
我接手一个React的项目,发现路由基本上都是通过React.lazy路由懒加载的方式使用。
路由懒加载可以在打包的时候将js拆分成多个,浏览器访问的时候防止加载时间过长,达到优化效果。但是,同样的拆分js会导致http请求数量变多。
什么情况下使用路由懒加载,怎么权衡要不要用?
你可以理解是把大的js文件拆分成很小的js,虽然在增加http开销的同时,也缩短了js的解析时间,如果一个大文件js很大,加载2s,拆分成四个js,随之可能每个js不足500ms,可以使js在async这种并行的情况下 没有阻碍
备注:在减少一些开销的同时,肯定会无形增加一些额外的开销,没有十全十美的方式,因人而异 只是一种优化而已
纯属参考