Plotly曲线移动标记动画速度优化：设duration=0仍无法匹配真实数据速度

我绘制了一条包含6500个数据点的曲线，在曲线上方设置了一个沿曲线移动的标记，实现方式参考Plotly官方的曲线移动点动画示例。目前动画可正常运行，但速度无法匹配数据真实采集速度。我已将frame duration和transition duration设为0，动画速度仍未达标，相关代码如下：

# Buttons
fig.update_layout(
    updatemenus=[dict(buttons = [dict(label="Play",
                            method="animate",
                            args=[None, {"frame": {"duration": 0, "redraw": False}, "mode": "immediate", "transition": {"duration": 0}}])],
                            type='buttons',
                            showactive=False,
                            y=1,
                            x=1.12,
                            xanchor='right',
                            yanchor='top')])

请问如何进一步提升该动画的速度？

• 降采样减少帧数量：6500个数据点对应6500帧会给浏览器带来极大渲染压力。根据数据真实采集的时间间隔对数据降采样，比如每隔N个点生成一帧，让帧数量匹配实际需要的播放速率（比如采集频率100Hz，就保留100帧/秒的量）。
• 仅更新必要元素：创建帧时只更新移动标记的位置，将曲线设为静态trace不再重复渲染。确保帧的内容仅包含标记点的坐标更新，避免冗余的重绘操作。
• 启用WebGL加速：把曲线的trace类型从scatter改为scattergl，利用WebGL的硬件加速能力，大幅提升大量数据点的渲染效率。
• 减轻浏览器负载：动画播放时关闭页面其他占用资源的脚本、多余标签页，减少浏览器的后台任务，优先保障动画渲染资源。
• 自定义JS控制动画：如果Plotly内置动画机制限制过多，可直接用JavaScript获取标记点的DOM元素，通过requestAnimationFrame手动控制标记位置更新，绕过Plotly的帧渲染逻辑，实现更精准的速度控制。

内容的提问来源于stack exchange，提问作者SJU