优定制：用好网页性能监控 提升网站收益

为什么要做网页性能监控

互联网时代，网络经济的比重一直在增长，互联网产生的价值也在飞速提升。提高web应用的性能从来没有比现在更重要过。主要原因不言而喻，web应用的性能与公司的利益直接相关。下面这个表格数据显示了一些知名的互联网公司，在收益和性能之间关系的主要调查结果：


优定制（http://udz.com/）是一家领先的C2B定制电子商务平台。优定制可以让您设计和销售属于您自己品牌的定制服装、珠宝首饰、家居用品。只需要花几分钟的时间在优定制上传或设计产品，并设定一个销售目标和价格，就可以开始销售。当您设定的目标成功，优定制会负责剩下的全部生产、发货、客服、退换货的工作。同时，您还可以获得丰厚的佣金回报。 


作为一家定制类电商网站，商家和用户的每个流程环节页面的性能极其重要。有研究显示，对于页面的加载，每增加1秒钟就有4%的用户放弃使用。然而尽管性能很重要，我们在实际的开发迭代过程中难免会有所忽视，性能会伴随产品的迭代而有所衰减。特别在移动端，网络一直是一个很大的瓶颈，而页面却越来越大，功能越来越复杂。我们需要一套性能监控系统持续监控、评估、预警页面性能状况、发现瓶颈，指导优化工作的进行。

web应用的性能监控会涉及到网页端和服务器端两个层次。作为用户访问的最后一公里，本文主要侧重于网页性能的监控，监控结果作为优定制前端网页性能优化的依据。

“监控宝”的网页性能监控工具

云智慧的“监控宝”产品提供了完整的性能监控解决方案，它提供的网页性能监控功能，相比其他产品有很大优势。可以通过遍布全国的300+分布式监测节点，真实模拟实际用户的地理位置，监控不同地区、不同运营商网络访问优定制网站的情况，为网站提供最真实的一手数据。

在优定制，每一次卖家发起的预售活动，其购买页面对买家转换极其重要。因此我们专门对活动页面做了深入的监控分析。

首先我们开启了首屏监控功能，通过这个功能我们可以监控页面的首屏加载时间，使优化更有针对性。

同时我们选取了覆盖全国的骨干节点作为监测点，拿到用户最真实的访问数据。如图1所示。


由于网页性能监控的频率不是很高，一般情况下都是在每次版本迭代时做一次监测和优化工作，所以对于监测的频率我们设置为60分钟一次，甚至可以在监控优化之后关闭。

告警线功能可以根据优定制的需求定义不同维度的监测指标阈值，当页面响应时间超过阈值时就会发出告警。这可以使得我们在优化之后，继续监测一些意想不到的问题，如某地运营商网络访问出现错误，并及时通知到运维和开发人员。如图2所示。

如果触发告警线，监控宝可以通过短信，微信推送，邮件，APP推送消息，甚至语音电话告警的方式第一时间通知到我们。

下图是通过监控宝页面性能监控，监控到的活动购买页的性能分析。


监控宝通过多项关键指标，页面性能指数、响应时间、可用率等多项指标保证网页性能全面监控。监控深入元素级，涵盖6大类23小项所有网页元素。同时，监控宝的监控会忽略浏览器的缓存策略，因此每次的监控数据都是最真实的网络请求，合理评估网页性能并提出优化方案。

例如图3，我们查看SERVER评估了57分，点击它查看明细，问题一目了然。这促使我们去选择合适的CDN加速静态资源的访问速度，并且通过开启Gzip压缩，优化资源的下载速度。

监控宝也提供了可视化界面，例如：元素瀑布图、对比柱状图、指标曲线图、统计饼状图、归类元素表，各类图表一目了然，全面体现网页性能健康状况。如下图所示：


每种资源的各个请求环节的时间，一目了然。比如我们发现不同地区对DNS解析的速度都很慢，这说明DNS提供商需要优化，或者应该选择该供应商更好的DNS VIP服务等等。

为我们创造的价值

基于监控宝的网页性能监控，我们对关键页面的优化有了全面的量化指标，使我们有的放矢。通过监控宝这种SaaS的模式，大幅度的节约了服务器的开支和运维成本。它提供的全国监控点的方式对很多公司来说价值不菲，试想自行去搭建这套体系，支出之巨大可想而知。监控宝网页性能监控作为云智慧面向业务的全栈性能管理解决方案中的一环，解决用户体验前置问题，帮助电商企业致胜云端。

加入监控与性能优化分享群
请关注以下二维码