蓝湖，更快，更流畅

最近，蓝湖对产品性能做了一次整体升级，一句话来说:打开速度更快了，操作更流畅了。

打开速度更快，具体是指设计页和标注页在不同情况下的打开速度均有提升。

比如说在设计页，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 秒的等待，让用户错过了稍纵即逝的灵感。

一切为了更好地交付。