实时看板卡顿优化(WebSocket 100 条/秒模拟)
真实难点:① 每条消息直接渲染 → 渲染次数远超 60fps,CPU 100% 卡死;② 合帧(rAF 每帧只渲染一次)+ 环形缓冲 + 虚拟滚动才是正解;③ 隐藏页面要停渲染。
开始推送 100 条/秒
停止
裸渲染(每消息重排,错误示范)
FPS:
0
本帧 DOM 操作:
0
次
rAF 合帧 + 环形缓冲(生产推荐)
FPS:
0
本帧 DOM 操作:
0
次