关于javascript:指标优化

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

过程

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

注解

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

总结

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