跨端应用出现交互卡顿时如何定位渲染管线与跨线程通信瓶颈

# 核心结论

定位跨端交互卡顿，应围绕一次具体交互建立完整因果链：输入事件何时到达、业务任务执行多久、状态何时跨线程或跨进程传递、界面何时完成构建与布局、绘制和光栅化何时结束、最终帧何时提交。目标不是笼统提高平均帧率，而是让关键工作落在目标刷新率的帧预算内，并控制输入到可见反馈延迟的高分位数。60Hz 屏幕一帧理论窗口约为 16.7ms，120Hz 下约为 8.3ms，实际可供应用使用的时间通常更少。

# 底层机制

浏览器主线程通常承担脚本、样式计算、布局和部分绘制工作，之后由合成线程与图形管线完成栅格化和提交。样式写入与同步布局读取交错会造成布局抖动；图层过多、纹理过大或频繁上传会让瓶颈转移至合成与图