vue首屏文件加载多，和一次性加载，哪种会更快？

Question

想问各位一个问题，目前vue有两种打包方式

一种是把全部页面都路由懒加载，进首页的时候只加载第一个home.vue文件和一些app.js等必要的文件，其他的都是等到跳转过去的时候再加载对应的文件

但这种情况会在浏览器的请求里面看到非常多的请求（大几百个），虽然都是prefetch的，但不知道这种请求是否会造成请求堵塞，使首页加载更加耗时

第二种是一次性加载出来

请问第一种会不会更耗时？

我这边指的耗时，纯属第一次见到首页样子的时候

还有就是prefetch虽然文档是写着 在浏览器空闲的时候请求，但这个空闲是怎么定义的？是指首页Home.vue和app.js、app.css等都加载完了，它才开始加载吗，那会和加载图片冲突吗，就图片也是异步加载的，会先把prefetch的文件加载完了才加载图片吗

Answer 1

果断1按需加载，如果选择2全部加载,像是某些页面上面图片过多，或者类似淘宝这种页面你不是要出事情。如果你觉得1慢,那就将部分不需要第一次加载的js async掉，浏览器自然会在有空得时候加载