跳到主要内容

性能与可观测

Canvas 2D 的性能问题几乎都不是「API 太慢」,而是 同步光栅 + 读回 + 过绘 + 状态抖动 叠在主线程上。先分层和禁读回,再谈 Worker。

文档清单

文档解决的问题
绘制性能陷阱读回、阴影、文字、过绘、怎么测而不是怎么猜
视口裁剪瓦片与空间索引可见性、网格索引、瓦片 LRU

测量原则

用 Chrome Performance 的 Main + Rendering,看 Paint / Update Layer Tree 是否被 CanvasRenderingContext2D 的同步工作拉长。console.time 只能告诉你 JS 侧,光栅往往在 C++ 里,不在你的 timer 里。