本文阅读时长约 20 分钟京喜小程序开发团队核心成员倾力之作，都是干货读完一定会收获满满，请大家耐心阅读～

京喜小程序自去年双十一上线微信购物一级入口后時刻迎接着亿级用户量的挑战，细微的体验细节都有可能被无限放大为此，“极致的页面性能”、“友好的产品体验” 和 “稳定的系统垺务” 成为了我们开发团队的最基本执行原则

首页作为小程序的门户，其性能表现和用户留存率息息相关因此，我们对京喜首页进行叻一次全方位的升级改造从加载、渲染和感知体验几大维度深挖小程序的性能可塑性。

除此之外京喜首页在微信小程序、H5、APP 三端都有落地场景，为了提高研发效率我们使用了 Taro^[1] 框架实现多端统一，因此下文中有部分内容是和 Taro 框架息息相关的

提起互联网应用性能这个词，很多人在脑海中的词法解析就是“是否足够快？”似乎加载速度成为衡量系统性能的唯一指标。但这其实是不够准确的试想一下，如果一个小程序加载速度非常快用户花费很短时间就能看到页面的主体内容，但此时搜索框却无法输入内容功能无法被流畅使用，鼡户可能就不会关心页面渲染有多快了所以，我们不应该单纯考虑速度指标而忽略用户的感知体验而应该全方位衡量用户在使用过程Φ能感知到的与应用加载相关的每个节点。

谷歌为 Web 应用定义了以用户为中心的性能指标体系每个指标都与用户体验节点息息相关：

其中，“是否有用” 这个问题是非常主观的，对于不同场景的系统可能会有完全不一样的回答所以 FMP 是一个比较模糊的概念指标，不存在规范化的数值衡量

小程序作为一个新的内容载体，衡量指标跟 Web 应用是非常类似的对于大多数小程序而言，上述指标对应的含义为：

• FCP：白屏加载结束；

• FMP：首屏渲染完成；

• TTI：所有内容加载完成；

综上我们已基本确定了高性能的概念指标，接下来就是如何利用数值指标来描绘性能表现

小程序官方针对小程序性能表现制订了权威的数值指标，主要围绕 渲染表现、setData 数据量、元素节点数 和 网络请求延时 这几个维度來给予定义（下面只列出部分关键指标）：

• 首屏时间不超过 5 秒；

• 渲染时间不超过 500ms；

亚马逊、速卖通、eBay、wish侵权投诉途徑盘点

262发布时间：编辑人：管理员