因为有很多外围页面是 h5 实现的,包含首屏过后用户看到的第一个页面,所以有个季度,我的 okr 就是把全站外围 h5 的 p90 load 工夫升高到 3s 内。为了达成指标,分阶段采取了很多措施。蛮乏味的一件事,总结下来就是上面我画的一张图。
过程
因为页面业务逻辑比较复杂,第一阶段从代码逻辑下手,和产品确认下线了局部 ab 试验逻辑。推动后端一些做页面模块的同步拆分,划分成两局部首屏和非首屏局部。增加 svg 骨架屏,晋升极其状况下用户的体验。增加离线宝的性能。还有图片懒加载,压缩等等一些惯例措施,第一阶段后差不多就达到 3 秒了。
第二阶段次要是和客户端联调,接入了 x5 内核,webview 缓存,以及桥接缓存一些方面的优化。第二波优化好后差不多就 2s 左右了。
注解
- p90 是指性能指标最初 10% 用户均匀指数
总结
尽管 okr 达成了,然而优化是一件长期的事件,平时需要评审的时候就应该缩小,或者架构的时候架构好 ab 试验的局部。技术测细节方面一直优化积淀出机制,推广并利用。