山海鲸可视化

卡顿优化概述

1. 运行时卡顿

山海鲸编辑器中右下角会显示当前的 FPS,一般来说当 FPS 低于 30 时我们认为是卡顿的。
image.png
当然在一些二维的场景中,20 帧左右的使用体感也可以接受的,还是要根据具体项目类型进行判断。

1.1 运行时卡顿的定位

运行时的卡顿也分为二维和三维场景,大多数运行时的卡顿都是由三维场景导致的,但有的时候部分的二维组件也可能会造成运行时的速度变慢。我们只需要把鲸孪生组件隐藏之后看项目是否依然卡顿,就可以区分到底是三维元素导致的卡顿还是二维元素导致的卡顿。具体如何解决会在后面的教程中详细描述。

2. 加载速度较慢

山海鲸的加载一般分为两个步骤,分别是整个页面的载入和 3D 内容的载入。
以下的页面整体的加载:
image.png
以下是 3D 内容的加载:
image.png
一般来说页面加载阶段比较慢,大多都是由于网络速度较慢,而 3D 加载较慢如果是卡在 50%之前,则是由于模型过大或者网络较慢,如果卡在 50%以后,大概率是由于模型中的材质贴图尺寸过大,具体会在后面的文档中详细介绍。