经纬志
首页 / deck.gl / 使用示例

渲染帧率

十万个点每帧更新半径,数据只创建一次,右上角显示最近一秒的帧率。

deck.gl 9.0 · 更新 2026-10-27
源码与运行效果
运行效果

说明

帧率用 requestAnimationFrame 统计,每秒结算一次。 数据数组在启动时创建,之后只换属性,不重建对象。 前两秒包含着色器编译,读数偏低属于正常。

做法影响
复用 data 数组不重新上传顶点
updateTriggers只重算指定属性
useDevicePixels: false高分屏下省一半像素

每帧新建数组,deck.gl 会判定数据变了并重新上传, 十万个点足以让帧率掉到个位数。