最近,蓝湖对产品性能做了一次整体升级,一句话来说:打开速度更快了,操作更流畅了。
打开速度更快,具体是指设计页和标注页在不同情况下的打开速度均有提升。
比如说在设计页,100 张图打开速度提升 20%、300 张图打开速度提升 25%、1000 张图打开速度提升 130%;在标注页,100 和 300 图层的设计图打开速度均提升 30%,500 图层的设计图打开速度提升 120%。
我们可以用更直观的方式来感受,设计页优化后,打开速度的变化。
(图:以含有 300 张图片的设计页为例)
在蓝湖,打开标注页和查看标注是产研设人群非常高频的操作,标注页优化后能够明显感知到打开速度的提升。
(图:以 500 图层的设计图为例)
通常情况下,FPS 代表了每秒更新的帧数,当帧数越多时,我们会觉得画面越流畅,反之帧数越少,我们会觉得画面越卡顿。也就是说,同一个动画,如果FPS 达到 60,这个动画的画面就会更流畅,但当 FPS 低于 30 时,我们会感觉到明显的卡顿。蓝湖在监测并优化蓝湖界面中核心操作的 FPS的同时 ,也在用 FPS 的 P95 数值来衡量优化结果是否到位。而 P95 指的是将每次操作中出现的所有 FPS 数值记录下来,再从小到大排列,位于 95% 位置的数值。某种意义上,P95 比平均值更加严格,它覆盖了更大比例的操作性能数值。(注:文中所有数据保证在同一环境下,测算优化前后的页面的 FCP 以及 TTI 数值。)
通过 FPS 监测图我们能很清楚地感受到,优化后 FPS 的 P95 数值更高了,这代表着流畅度更高了。另外,曲线波动更小了,这代表着稳定性更强了。
一些测试结果显示:500 张图的画布缩放流畅度提升 30%,1000 张图的画布缩放流畅度提升 70%;
(图:以含 500 张图的画布缩放为例)
以及,拖拽 300 张图流畅度提升 85%,拖拽 500 张图流畅度提升 220%。
(图:以拖拽 300 张图片为例)
除了在设计图数量较多时的打开速度、缩放、移动等操作流畅度有显著提升外,我们还对其他重要操作做了流畅度上的优化。
在设计图数量较少时,如 100 张以内或者 50 张以内的设计图,打开速度和操作流畅度方面也有不同程度的提升,未来我们也还会持续不断地升级性能。
在性能测试中,蓝湖分别选取了 300 张、500 张甚至更多数量的设计图来考验性能表现,重复数千次试验,打开、拖拽、平移、缩放等操作逐一测试,确保优化结果是准确且有效的。欢迎大家可以在电脑上试试,体验更快、更流畅的蓝湖,也欢迎大家关注「蓝湖协作平台」阅读原文,查看动图。
性能升级后,蓝湖陆续收到了来自用户的一些反馈,在设计页中图片数量越多的用户,对性能升级的感知会越明显。
但是性能的优化,往往只在几秒之差,甚至 1 秒以内。比如说,昨天打开设计页用了 1 秒,今天用了0.8 秒,它的变化可能不会被明显地感知到。但这却是一件我们认为必须要做的事,因为也许哪一天,随着业务的发展,你需要打开 1 万张设计图,那么设计页节省的时间,会比 0.2 秒多更多。更快响应,更加流畅,蓝湖不想因为哪怕 0.2 秒的等待,让用户错过了稍纵即逝的灵感。
一切为了更好地交付。
