实时看板卡顿优化(WebSocket 100 条/秒模拟)

真实难点:① 每条消息直接渲染 → 渲染次数远超 60fps,CPU 100% 卡死;② 合帧(rAF 每帧只渲染一次)+ 环形缓冲 + 虚拟滚动才是正解;③ 隐藏页面要停渲染。

裸渲染(每消息重排,错误示范)

FPS:0
本帧 DOM 操作:0

rAF 合帧 + 环形缓冲(生产推荐)

FPS:0
本帧 DOM 操作:0