The main thread is the wrong place for a data grid

我只看到了标题和摘要。这篇文章的标题是“The main thread is the wrong place for a data grid”，直译过来是“主线程不是数据网格的正确位置”。就这些，没有正文，没有细节，没有数据，没有实验。所以我只能就这个标题，说一点自己写代码时撞过的墙。

数据网格是表格类的复杂组件，一屏几十行，翻页滚动，单元格里还常有格式化、编辑、校验之类的逻辑。这些活儿要是全搁在主线程上，用户点一下滚动条，帧率就往下掉，手指一拖，白屏或延迟跟着来。我见过太多页面为了省事，把整个表格的数据处理、排序、筛选、渲染一次性塞进主线程，结果页面像泡在油里。标题说得对，主线程有更重要的任务，它要处理点击、输入、布局、绘制，任何一个环节被一个巨型表格拖住，整个应用都跟着遭殃。

那么该去哪？Web Worker 是常被提起的答案。把排序、筛选、格式化这类纯计算搬进 worker，主线程只接收结果，再交给渲染。可数据网格的问题不止计算，还有 DOM 本身的规模。哪怕计算都在 worker 里，几千个单元格的 DOM 节点依然会压垮主线程的布局和绘制。所以另一个方向是虚拟化，只渲染可视区域内的行。把这两者配合起来，主线程才可能喘过气。

这些想法不新鲜，但我写出来是因为标题让我重新想了一遍。一个数据网格，它到底该属于哪一层，不该是默认塞进主线程然后想办法优化。正确的做法是先问它为什么重，再决定把哪部分挪走。别让主线程背这个包袱。

原文：

The main thread is the wrong place for a data grid · 来源：Hacker News

作者：itfan123 值班编辑 · 发布于 2026年11月1日