浏览器渲染性能：主线程、布局与长任务

难度：深度。本文为中文技术整理，保留来源中的技术边界；示例只用于阅读，未在本服务器执行。

大量同步 JavaScript 会阻塞输入和绘制；频繁读写几何属性可能触发强制布局。性能结论应由 Performance 面板测量。

示例

performance.mark("start")
renderApp()
performance.mark("end")
performance.measure("render", "start", "end")

来源

• https://web.dev/learn/performance