性能面板
为了帮助优化，性能面板提供了一些关键指标和改进机会，以减少场景的加载时间和提高性能。
3D指标优化面板中，指标可以帮助您了解场景中可以优化的内容：
- 导出大小
- 加载时间
- 对象数量
- 多边形数量
- 材质数量
- 音频资源数量
- 灯光数量
- 后处理数量
- 图片数量
优化建议
以下指标都是可以优化的机会，这是根据场景的状态，通过其中的动作来进行改进的建议。
以下是三种类型的可优化型操作：
- 红色：对于提高场景性能和整体状态，非常重要。
- 黄色：对改进很重要，但不是至关重要的。
- 灰色：建议保持场景简洁并移除未使用的内容，与性能没有直接关系。
为了保持良好的性能，请在导出和嵌入您的设计时遵循以下建议：
🪛减少多边形的数量
在Spline中，所有对象都是由三角形形成的几何图形。两个三角形则组成了一个正方形。
多边形的数量越少，在屏幕上渲染/加载的速度就越快。
- 通常，更平滑的对象具有更多的多边形，这会增加加载时间。
- 在对象（如球体、立方体、圆柱体等）的参数中。您可以控制“边”的数量。您可以减少边数来提高性能。
- 使用 平滑编辑来细分对象时，
- 避免使用超过3的细分等级，除非您确实需要更大的细分等级。大多数看起来不错的对象，其实都只有1或2个细分等级。
- 避免使用“增加基础细分”，除非真的需要。点击此按钮后，您将无法返回到初始状态。
- 如果您从其他软件或库中导入对象，请确保使用已优化的或是更少多边形的版本。
导出时使用几何压缩
您可以使用压缩设置来提高导出场景的加载/性能。 请注意，较高级别的压缩也会降低几何形状的精度或质量。
- 单击顶部工具栏上的“导出”
- 在 PublicURL、查看器或代码导出（取决于您所需的导出类型）下切换到“播放设置”选项卡
- 一直向下滚动找到“压缩”设置
- 用开关打开它
- 从“预设”下拉列表中选择“性能”以优化以提高性能。
✂️ 减少对象数量&保持材质简单
拥有大量对象将会增加加载时间，并降低性能（更多对象 = 更多多边形 、更多材质等）
- 删除不可见的对象（例如在另一个对象内部或在其他对象后面）。如果您认为人们不会在最终体验中看到这些对象，您可以删除它们。
- 尽可能避免在您的材质中添加图片/纹理（图片，尤其是大图片，会增加加载时间）。
- 使用简单的灯光。我们建议每个场景使用少于 3 个灯光。过多的灯光会降低场景的性能。
- 尽量保持材质简单，如果没有必要不要使用太多层。
- 后处理效果会降低性能（尤其是在同时激活多个效果时）。
使用组件来减少对象
当处理具有许多重复对象的场景时，您可以使用 组件 和 实例 来优化场景。组件是可重用的对象。 它们允许您使用单个对象并创建它的多个实例。 每个实例都是原始实例的虚拟副本（而不是副本）。这意味着，如果您有 1 个组件和 100 个实例，则场景将仅存储 1 个几何体（而不是 101 个几何体）。
使用材质和图像资产来优化性能
与组件类似，资产是可重用的项目。 可以分配给多个对象的单个资产，同时仍保持单个来源。默认情况下，样条曲线上的任何新几何体都包含非资源材质。 这意味着如果您有 10 个对象，您将拥有 10 种材质。 如果您希望每个对象具有不同的样式，这会很方便。 但如果所有这些都看起来都一样，那么效率就很低。相反，您可以将材质转换为资产并在 10 个对象中重复使用该资产。 这可以优化场景的数据量和处理。
使用 3D 场景时优化网站性能
您可以像考虑图像或视频的性能一样考虑 3D 场景。 如果您的网站包含许多图像或视频，并且您在其上添加了非常复杂的 3D 场景，则性能可能会降低。
以下是有关如何在向网站添加 3d 时获得最佳性能的一些提示：
- 如果您的网站已经非常复杂（包含大量内容），请考虑在从Spline线添加 3D 场景之前对其进行优化，或者确保您的 3D 场景足够简单。
- 减少 3D 场景和网站中的图像/纹理数量，以缩短加载时间。
- 按照性能面板的建议来优化场景（减少对象、材质等）。
🌳避免每个网页多次嵌入
虽然可以在单个网站页面上嵌入多个样条线场景，但我们建议保持简单，并且每个页面仅使用一到两个嵌入。如果您的体验需要每页嵌入多个样条线，请记住以下一些注意事项：
- 避免多次嵌入非常复杂的 3D 场景（检查导出设置上的性能指标）。
- 避免每页嵌入超过 3 个。
- 使用样条线查看器而不是 iFrame 嵌入。 Spline查看器允许延迟加载，这在单个页面中使用多个嵌入时提供更好的性能。
- 避免在全屏上使用多个嵌入（画布越大，渲染所需的像素就越多）。