模型加载与性能优化

约 1409 字大约 5 分钟

2026-10-28

模型加载慢有哪些优化手段

回复优化分三个层面，按效果排序：数据层最有效，用 CesiumLab 处理时优化压缩与数据结构；传输层用 nginx 开启 gzip 压缩；JS 层通过参数在效果与效率之间取平衡。

关键参数参考：

maximumScreenSpaceError: 16,           // 数值加大则成像变模糊，换取速度
maximumMemoryUsage: 1024,              // 建议显存大小的 50% 左右，利于倾斜数据回收
skipLevelOfDetail: true,               // 跳过部分级别，网络好且数据量小时可设 false 提升质量
loadSiblings: true,
cullRequestsWhileMoving: true,
cullRequestsWhileMovingMultiplier: 10, // 数值越小剔除越快
preferLeaves: true,                    // 需配合 skipLevelOfDetail 为 true
progressiveResolutionHeightFraction: 0.5,
dynamicScreenSpaceError: true,         // 全部加载完成后再清晰化
preloadWhenHidden: true,               // show 为 false 时也预加载

需要说明的是，skipLevelOfDetail: true 会带来加载过程中闪烁、个别面片异常的问题，源于两级 LOD 数据差异；设为 false 则过渡更平滑，但达到清晰所需时间更长，且一旦某个 tile 请求失败会长期不清晰。网络条件好、数据量小的项目建议设为 false。

模型加载时一块一块出现

回复原因是数据缺少顶层，需重建顶层或重新生成数据。

倾斜摄影模型为何不停重新加载

回复添加两个缓存参数即可：

cacheBytes: 1073741824,               // 1024MB
maximumCacheOverflowBytes: 2147483648, // 2048MB

相机拉远时模型模糊、拉近后清晰如何处理

回复设置 dynamicScreenSpaceError。

模型内存持续增长直至页面崩溃

回复这是 Cesium 本地 LOD 机制决定的。真正的解法是数据轻量化算法，属数据处理工具范畴，前端目前没有动态释放内存的手段。项目侧应控制单次加载的模型总量。

加载几十 GB 的模型需要多大带宽

回复3 Mbps 明显不足，建议 7 至 10 Mbps，同时需评估并发访问人数。带宽需求与并发数、模型总量正相关。

大量数据加载时页面卡住数秒

回复可尝试官方的 WebWorker 示例（billboard-worker），目标是压缩主线程的阻塞时间。

能否为模型构件添加菜单控制显隐

回复可以，需自行实现，参考 layer-tileset/manager/edit 示例。

如何遍历模型取出所有 feature 及其属性

tiles3dLayer2.readyPromise.then(function () {
  tiles3dLayer2.tileset.tileVisible.addEventListener((tile) => {
    const content = tile.content
    const featuresLength = content.featuresLength
    for (let i = 0; i < featuresLength; i++) {
      const feature = content.getFeature(i)
      const attr = tiles3dLayer2._getFeatureProperties(feature)
    }
  })
})