摘要
随着物联网的发展以及银行数字化转型战略的推进，移动应用的使用越发普遍，对客金融应用使用H5技术开发的占比高达90%以上。越来越多的业务线上化，也使得金融系统越发复杂，性能优化措施越多，整体优化难度加大。通过建设金融应用端侧性能监控分析平台，可以提升银行应用H5页面性能，提升系统稳定性，保障金融服务质量。作者：中国银行软件中心（西安）张家登黄佳兴王冰陈冰孙亭
-01-
建设背景
在数字化转型的今天，由于H5技术的跨平台、不需下载安装的特性，无论是对于用户体验或对于企业成本而言都拥有着无与伦比的优势，因此基于H5技术开发的应用仍然是市场主流，且将继续保持市场份额领先地位，根据估算，中国银行90%以上的对客金融应用均使用H5技术开发，移动App应用中60%-80%都是使用H5技术开发。
在移动互联网飞速发展的大背景下，在原有移动端系统iOS、安卓的基础上，又增加了鸿蒙操作系统；同时随着物联网的发展，有越来越多的IoT终端设备的加入，端侧应用需求越来越大，可以预见H5技术的跨平台优越性将进一步扩大其应用范围，中国银行也一度要求所有功能尽量使用H5开发。尽管这一决定在很大程度上是为了缩减开发成本，但是中国银行在客户体验上的追求是臻于至善的，从最初各产品自行组织体验测试到随后客户体验模型的建立，都说明了中国银行对于客户体验的重视程度。
性能对客户体验的影响是一个老生常谈的话题，也是永不过时的话题。根据经验，用户等待时间在1s以内体验最佳（用户心理在点赞），2s以内基本无感（用户正常感受），3s以内属于尚可接受（眼睛往别处瞟一眼再回来，或有点皱眉头），3s以上则可能引起不耐烦、焦虑等不适情绪，用户开始变得对交易的无安全感以及对企业的不信任。通过对日访问次数、活跃用户数的统计，可以发现性能提升对用户留存产生着重大的影响。
要做好性能优化，需要从多方面、采取多措施进行。通常，应用越复杂，性能优化也会越发复杂，一般会涉及到程序、中间件、架构、资源等方方面面。随着数字化转型的加速推进，业务数字化的需求日益膨胀，因此，中国银行软件中心致力研发了金融应用端侧性能监控分析平台，实现对应用页面性能进行主动监测、全面诊断及实时预警，整体提升中国银行金融应用的客户体验。
-02-
页面性能监控平台设计
（一）建立性能量化模型
金融应用端侧性能监控分析平台的目标是识别并提升H5页面性能。如何让平台能如用户一般感同身受，对页面性能进行描述是平台要解决的首要问题。一般，页面的打开速度是影响用户感受的最直接且关键的要素，同时，随着大量的业务逻辑前移，应用越发复杂，影响用户感受的性能因素随之增加。结合对现代H5开发技术和体验模型的分析，可以发现众多影响用户体验的节点，比如页面的总加载时间、首次渲染时间、最大节点渲染时间、有意义的绘制时间、可交互时间、用户可输入时间、页面平均加载速度、总等待时间等。通过对这些节点时间的统计，能更加全面准确的评估/描述页面性能，并依此建立页面性能之于用户体验的量化模型，准确的评测页面对于用户的性能表现，发现性能问题。
（二）梳理性能指标与优化措施
平台进一步需要做的是准确诊断出导致性能问题的原因，并提出优化方案。一般来说，导致H5页面性能缓慢的原因有很多，可能是网络速度问题，SSL握手效率问题，DNS寻址太慢，服务器负载过大，请求数量太大等等，我们梳理了如下可能影响H5页面性能的关键指标项：
在页面运行过程中，平台对以上关键指标进行收集检测，经过特定计算，诊断性能瓶颈并推荐优化方案，诸如html/js/css资源压缩、图片压缩、请求数量控制、gzip文件压缩、缓存应用、