概述
收藏
我的收藏

为什么要做性能优化

我们希望用户通过小程序进行有意义的交互。​
    如果是新闻资讯小程序,我们希望用户能更方便获取信息。​
    如果是电商小程序,我们希望能够协助转换购买力,最大化提升用户在购物过程中的满意度,从而提高用户留存。​
性能是用户体验中非常关键的一个部分,当性能不佳时,会给用户带来非常差的体验,比如用户访问一个电商小程序,想购买一个商品,但是商品详情加载缓慢或有交互卡顿,会给用户带来焦虑感,从而导致用户流失。因此,在开发小程序的过程中不仅要关注功能实现,也应该重点关注小程序的性能体验。​
性能优化,总结来说可以给我们带来:​
    1.降低性能差导致的用户流失:从指标和业务的数据分析来看,性能指标高于阈值后用户流失率明显增加。提升小程序性能可降低用户使用过程中的不适感,减少用户流失,提升小程序渗透。​
    2.避免因性能问题受治理处罚:如性能问题持续劣化,影响到用户的体验,平台会根据用户的影响面或严重程度启动止损干预或其他处置动作。​

性能问题有哪些​

根据「小程序启动流程」我们分别从「启动性能」和「运行时性能」两个主题拆分小程序的性能体验问题。​
(1)启动性能:描述小程序启动过程中的体验,包含小程序启动页的渲染完成速度和渲染成功占比,启动性能优化旨在让用户能够更快的打开并看到小程序的内容。启动较慢可能导致用户的直接流失。我们发现当冷启动耗时 > 特定阈值,启动渗透和用户使用时长等指标开始明显劣化。为降低性能对业务指标的影响,初步针对 “冷启动耗时” 提供以下优化建议(后续如果用户行为和性能相关性分析有变更,也可能会调整)。​
    Android < 2000ms​
    iOS < 1600ms​
    双端 < 2000ms​
(2)运行时性能:描述小程序在运行过程中的体验,运行时性能优化旨在保障用户能够流畅的使用小程序的功能。减少运行过程中如页面切换较慢、交互卡顿、响应较慢等问题。运行性能较差可能导致用户中止交互或阻塞重要流程,比如登录、授权、商品下单等,甚至离开小程序。​

如何进行性能优化

我们知道开发一个小程序需要 TTML、TTSS、JS 等资源,抖音小程序在开发模式上基于 Web 前端开发的技能和生态,熟悉前端的同学可以很快上手 TTML/TTSS/JS 的编写,在运行时则采用了类客户端的方案,旨在使用体验上超越传统的 Web 前端技术,在开发效率上超过传统的客户端技术,所以小程序是 Web 和客户端结合的产物。​
因此,在小程序的性能优化工作方面,我们可以借鉴 Web 前端开发的已有经验(如 MDN/雅虎军规),但同时也存在一些区别(见小程序框架概述)。​
在进行性能优化时,开发者可以参考本章节中的优化指引,并借助小程序提供的一些调试工具和性能数据。​