涂鸦小程序性能全面升级：启动耗时缩短 30%，极致体验、毫秒必争！

当用户打开一个智能家居小程序时，第一印象往往决定了后续的互动体验。“打开有点慢”和“应用秒开”之间，不仅隔着技术鸿沟，更关系着用户是否愿意继续使用。作为涂鸦智能App体系中承担了面板、智能小程序、卡片等等核心业务的主要动态跨端框架，涂鸦小程序在保证它的基础体验性能上显得尤为重要。
随着智能设备越连越多、业务能力不断扩张，“快” 已经不是加分项，而是硬指标。

 

涂鸦小程序技术团队深知这一点，因此对小程序性能进行了重大升级，让用户打开更快、操作更顺、体验更出色。
 

为什么要缩短“启动耗时”？

 

说到小程序的性能表现，最直观且最重要的，还得是启动耗时，也就是用户在涂鸦App里打开页面的速度，快不快，一目了然。要是性能不行，渲染慢、响应迟，用户体验那可就大打折扣，用户流失也就成了必然。

 

自从涂鸦把主要跨端框架从 React Native 换成了自家研发的涂鸦小程序，性能方面也是遇到了不少挑战。不过别担心，咱们的技术团队已经对小程序的体验性能，特别是启动耗时，进行了大刀阔斧的优化升级。
下面一起来看看有哪些突破性进展吧！
重新定义“秒开”如何衡量启动耗时？

 

一般情况下，用户在打开一个小程序的时候，心里会产生一个主观感受，如“这个应用打开有点慢”或者“哇塞，这小程序秒开，太爽了”！

 

用户的这些感受背后，其实是有严谨的性能指标在支撑的。那我们是如何定义小程序的启动速度呢？
主要从以下三个关键阶段来衡量：

 

 

1、加载代码包（Loading）：这是启动的第一步。在这个阶段，小程序需要先从服务器下载代码包，才能执行后续操作。代码包的大小和下载速度，都会直接影响到小程序的启动性能。

 

2、首屏渲染（FirstPaint，FP）：页面首次绘制，即页面开始在屏幕上呈现内容的时间点。此时用户虽然可能还无法与页面交互，但至少屏幕上已经有了可见元素。

 

3、首次有意义渲染（First Meaningful Paint，FMP）：这是能够更准确反映用户感知加载速度的指标，它指的是用户认为页面上的核心有用内容被展示出来的时间点。FMP 越快，用户体验到的“秒开”感就越强。

 

我们的优化目标，就是奔着缩短 FMP 耗时，让用户在使用涂鸦小程序时，真正感受到“快人一步”的极致体验。
 

新版本提升效果如何？用数据说话
 

技术改造的效果如何？数据最有说服力！针对FMP指标，我们使用 iOS 和 Android 的各种设备进行了测试，全面涵盖高、中、低各档位性能机型。

 

并在多个核心业务场景（包括节能低碳、舒适空间、电话短信、门锁、照明、扫地机、IPC面板等）中进行了严苛的测试。

 

测试结果显示：iOS 与 Android 均有大幅提升！综合来看，FMP指标有30%以上的提升。

 

尤其在 Android 平台，通过重构 JS 引擎预加载和多任务管理等核心优化，新版本在面板小程序场景下实现了 FMP 耗时平均缩短约 49% 的显著提升。这意味着，在主流 Android 设备上，用户感知到的启动速度几乎提升了一倍。
对标行业标杆超越React Native！
 

 

性能比对，我们从不回避！我们选取了十余款功能一致的核心面板（包括门锁、照明、扫地机、光源、插座、网关、开关、血压计等），将涂鸦小程序的版本（Ray框架）与原有的 React Native 版本进行了 FMP 性能比对。

 

对比结果令人振奋：

 

综合启动耗时，涂鸦小程序框架已与 RN 框架达到基本持平，并且在部分面板场景，性能表现已经超越了 RN 框架！

 

这不仅仅是技术上的一个里程碑，更是涂鸦对用户体验承诺的一次有力兑现。这意味着，涂鸦自研的跨端框架，在启动性能这一硬指标上，已经完全具备了与主流成熟框架相抗衡，甚至超越的能力。

 

未来，涂鸦将继续深耕底层技术，不断挑战性能极限，确保涂鸦小程序在承载更多复杂业务的同时，持续为全球用户提供一流的智能交互体验。本次性能优化已在版本 v7.1.0 中正式发布，欢迎合作伙伴持续关注并体验。