混合app中的H5多页和单页问题

Question

1.在hybird开发中，需要嵌入H5页面，有两种情况：

1.1 一个页面是一个html，比如店铺页面（shop.html）和个人中心页面(person.html)这两个页面
1.2 一个html页面对应多个界面，比如vue或者react打包出来的单页应用，店铺界面（index.html#/shop）,个人中心页面（index.html#/person） 虽然界面显示不同，但是用的是同一个html。

补充：

1.1 每个H5都是单独的，各个H5之间没有任何的跳转。
1.2 每次从ios或者android进入H5都是重新载入的，不存在缓存，每次都是第一次加载的情况

2.针对上面两种情况使用哪种更好？我之前的方案是配置webpack让react项目打包的时候生成多个html文件。今天看到同事直接这样写，觉得也可行，还免去了配置。但是不知道会不会有加载速度变慢等其他情况。

请指点指点在下

Answer 1

各有千秋，也就是多页面和单页面的差别了。

单页面

资源只请求一次，第一次加载页面稍微慢点，但是跳转单页面的其他路由会更流畅

多页面

每次加载页面都是重新加载资源，资源少了，正常情况下应该会比单页面第一次加载快点点

但是

在目前的网络情况下， 除非是追求毫秒的响应（或者页面资源非常多的情况），单页面的优势（流畅）会远远大于多页面（hybird不用管SEO）