性能优化

同一份 8000 点数据，热力图与圆点两种画法切换，右上角实时显示帧率。 「重建数据」按钮给出一次 setData 的实际耗时。

说明

热力图把点密度烘成一张纹理，绘制成本与点的数量基本无关； 圆点图层则要为每个要素生成几何与顶点。数据越多，两者差距越大。

帧率由 requestAnimationFrame 每秒计数得到， 包含页面里所有绘制，适合对比同一页面内的两种模式， 不适合跨设备横比绝对数值。

setData 的耗时包含序列化与上传，8000 个点通常在几毫秒量级； 真正拖慢体验的是每帧都调用，而不是单次调用本身。