当一个优秀的小程序套用高防CDN加速的时候？

作者：cdnfine 来源：cdnfine 发布时间：2020-03-24

移动互联网人口红利逐渐消失，市场已由增量市场变为存量市场，小程序成为抢占用户的新高地。预计2020年微信小程序的数量将超过500万，日活跃用户将突破4.5亿。

商家革新技术拥抱小程序，但是往往技术上没有准备好，导致小程序运行并不稳定。绝大部分小程序业务都有可能会遇到下面几个问题。

听云小程序监控解决方案

听云小程序监控解决方案专注于小程序业务、用户体验、性能的监控与优化，实时监控发现小程序的网络错误、JS错误、页面延时、卡顿、操作不响应等造成小程序用户体验差、业务不可用的性能问题，并指导快速定位问题。

产品特点：

某知名电商品牌监测服务

听云对某知名电商品牌进行用户体验监控服务，极大改善了小程序用户体验。主要服务内容包括汇报（业务，运维，外包）、外包服务质量管理（KPI）、关键业务页面、操作、请求性能分析、异常问题跟踪定位、优化结果跟踪、月度性能数据横向对比。

★用户体验可视化-业务汇报

听云通过每月统计小程序相关性能数据，对性能的优化进行可视化跟踪。从图表中可以看出，随着时间的推移，JS错误率明显降低。

★关键业务页面监测

出现问题：该电商品牌小程序大促领券页的请求耗时在11号大促时出现峰值，平均耗时由800ms上升至1342ms，耗时升幅67%。

听云经过对问题进行分析，发现是源站出现异常，导致高防CDN加速回源取数据出现延迟，CDN自身服务首包耗时增加。

听云建议：对源站进行问题排查并处理并督促CDN进行节点资源优化。

★关键操作分析

在监测过程中，听云对小程序性能数据异常的页面，会及时与客户沟通，判断具体异常发生在什么环节，影响范围是多少，是否有运营商及区域集中性。

听云监测商品列表页跳转，可用性为65.51%，覆盖范围为全国。

听云在监测过程中发现，该知名电商品牌在操作发起的大量网络请求中，有部分json请求状态码为404，听云对服务器端资源及前端页面的url进行匹配检测，检查是否资源不同步。

★小程序+Network主动拨测服务

双十一大促期间，听云小程序监测反映出该电商品牌领券页面加载耗时长，结合实时拨测CDN性能数据，给客户提供全面保障：

CDN服务节点首包耗时随双十一全网活动进行略有抖动，在听云及时反馈给CDN后，CDN服务节点首包耗时下降幅度超过50%，最终优于行业均值。

领券页面渲染期间客户端耗时较长，主要消耗在JS元素的渲染上，建议对页面架构进行重构，使用图片拼接或者调整元素顺序，将涉及渲染的元素调整到页面顶部，减少页面DOM重构次数。

某知名快消品品牌监测服务

听云通过对某知名快消品品牌小程序进行监测，小程序用户体验性能数据环比、Server端到端性能优化、提供支持分析系统性能、应用性能问题追踪定责。

★小程序用户体验性能数据环比

该品牌小程序基于每次活动开奖时间统计用户体验数据，定期与Mini Manager、小程序开发（供应商）、香港CDN厂商会议交流，环比前面活动进行数据对比，例如：1月25日，小程序访问峰值JS错误率较高，小程序研发迅速确认问题并给出优化时间。

★小程序+Server端到端性能优化

实现全栈溯源，快速定位问题根源，提升MTTR。

同时在活动访问高峰期，听云提供支持分析系统性能，根据警报策略错误率、响应时间、无数据告警指标，实时提供性能预警。

★应用性能问题追踪定责

在每次活动结束后，汇总整理问题，并且将问题定位到具体责任人，同时在下一次活动开启并汇报之前问题解决状态，打造性能问题处理闭环。

如“我的”页面JS错误率较高，听云分析主要错误是Cannot read property 'nickname' of null，可以结合具体的堆栈和错误详情具体分析，并把责任人定位为前端开发，有效防止了类似错误再次发生。

疫情加速小程序搭建，竞争白热化

小程序的轻量化、低成本、易分享、易上手等特点正好适应了疫情期间的各种需求。据小程序数据平台“阿拉丁”的报告显示，今年2月，全网小程序DAU数据已经到达4.5亿，小程序数量达360万，月度TOP100榜单的替换率达到53%。

最近两个月小程序新增了60万，而值得注意的是，传统行业是最多的，这些原本需要巨大成本和时间去教育的行业，疫情期间迅速完成了用户习惯养成和用户沉淀。

越来越多知名零售企业进军小程序，商家的流量获取边界不断拓展，众多品牌已在小程序端沉淀了大量客户，小程序成商家数字化转型重要一环。

这意味着疫情结束后，如何带给用户更好的使用体验和好感度，进一步留存用户，成了商家今后要做的事情。在5G开启商用之后，小程序赢来更多新玩法，用户体验赛道上的竞争，也将越来越激烈。