Hybird 内嵌页面加速方案

工作速记

问题：

1. 双loading问题
   页面加载出来之前：客户端loading
   页面加载出来之后 => 拉取接口数据js渲染: 页面内loading
   两个loading的形状/位置不同，会导致闪烁等问题。
2. 网络条件不好的时候页面加载慢

页面本地化

目前桌面端大量页面是完全本地化，打包在应用内的，更新需要发版。可针对服务端页面进行优化

• step1: 客户端增加白名单（可由server统一下发）：如 【群文件列表】

• step2：在客户端进入后台后，偷偷预请求群文件列表的url，将页面本地存储。

• step3：修改浏览器行为：打开页面时直接使用本地请求过的页面，

• step4：每隔xx分钟重新请求 或 上线时server端push消息，通知客户端更新

优点：每次请求都走缓存，整体性能有提升，后续客户端内页面可以放服务端上线，修改不依赖于发版

缺点：需要端上开发，有可能上线后不能马上看到效果。

cache-control配置

server统一对html页面的response header增加cache-control = 600（10分钟）这样10分钟内，html模板的请求会完全走缓存，

• 优点：简单，几乎没成本

• 缺点：基本上每次首次访问都需要拉取页面，只能解决一些高频应用的问题。

server side render

将首屏渲染放在server端进行，如传统的jsp页面。这样可以解决双loading的问题

但是这样会有以下一些问题：

1. 无法对老页面生效，整体架构复杂性提升

2. 开发效率降低

3. 部署、运维增加成本

4. 总体性能没有提升甚至降低，而服务器压力提升