GitHub 拆解:如何流畅渲染 2200 文件、百万行变更的超大 PR

GitHub Blog AI/ML · rss · 2026-09-24

GitHub 官方博客详解 Copilot App 中超大 PR 渲染性能的重建过程。测试对象是一个含 2,200 个文件、超百万行变更、400+ 条行内评论的开源 PR。

核心问题与方案:

纯代码 diff 靠「渲染前全部行高已知」的契约:虚拟化行、typed-array 几何计算、后端流式输出 diff 文档,实现 O(1) 每帧开销。
评论区打破该契约:评论高度取决于 markdown 换行、可折叠块、回复框、图片加载等渲染时才知的因素,估计器在大 PR 上必然失准,回写高度会造成滚动跳变。
解法是把文档拆成两套几何:代码部分精确确定,动态块(评论、草稿、回复框)单独建索引,用稳定 key + 指纹 + 宽度分桶缓存测量结果。
测量调度器:最初为每个块挂 ResizeObserver 是错误设计——会形成写回布局再触发自身的反馈循环。最终方案是单次空闲/滚动门控的测量 pass:只在滚动停止后运行、仅处理视口 2400px 内的块、批量读取避免多次 reflow。

「编程与Agent」频道最新