因为有很多外围页面是h5实现的,包含首屏过后用户看到的第一个页面,所以有个季度,我的okr就是把全站外围h5的p90 load工夫升高到3s内。为了达成指标,分阶段采取了很多措施。蛮乏味的一件事,总结下来就是上面我画的一张图。

过程

因为页面业务逻辑比较复杂,第一阶段从代码逻辑下手,和产品确认下线了局部ab试验逻辑。 推动后端一些做页面模块的同步拆分,划分成两局部首屏和非首屏局部。增加svg骨架屏,晋升极其状况下用户的体验。增加离线宝的性能。还有图片懒加载,压缩等等一些惯例措施,第一阶段后差不多就达到3秒了。
第二阶段次要是和客户端联调,接入了x5内核,webview缓存,以及桥接缓存一些方面的优化。第二波优化好后差不多就2s左右了。

注解
  • p90是指性能指标最初10%用户均匀指数
总结

尽管okr达成了,然而优化是一件长期的事件,平时需要评审的时候就应该缩小,或者架构的时候架构好ab试验的局部。技术测细节方面一直优化积淀出机制,推广并利用。