Anonymous Intelligence Signal
Midjourney工程师Cheng Lou开源Pretext引擎:15KB颠覆DOM渲染,网页排版性能飙升1200倍
前端开发的核心枷锁被暴力破解。Midjourney的前端工程师Cheng Lou开源了一个名为Pretext的项目,它直接绕过了统治网页长达30年的DOM渲染机制,实现了此前被视为不可能的壮举:文字随任意形状自由流动、跨栏自动分配,并将排版渲染速度提升了数百倍,部分场景下性能提升高达1200倍,渲染体验可达120帧。该项目在GitHub发布后迅速引爆社区,已吸引超过1600万人关注。
Pretext的核心在于彻底抛弃了传统网页排版对CSS和DOM Reflow的重度依赖。过去,开发者若想知道一段文本在特定容器中的精确尺寸,必须将其插入DOM树,强制浏览器进行完整的布局计算(即Reflow),再通过API读取结果。这个过程性能消耗巨大,无法并行,且是网页卡顿的主要元凶。Cheng Lou采用的是一种极为生猛的方案:不依赖浏览器布局引擎,而是用纯TypeScript在用户态自研了一套高精度文本测量引擎。其关键突破口在于利用了浏览器的canvas.measureText() API,该API与DOM渲染共享底层字体引擎,却完全独立于布局树之外,从而实现了对文本尺寸的极速、无副作用测量。
这一突破性技术直接动摇了前端UI设计的底层基石。Cheng Lou本人将其描述为“从地狱深处爬出,带回了未来数年UI设计最重要的基石之一”。Pretext的演示效果令人震惊,实现了以往在网页中难以想象的复杂、流畅的文本排版效果。它的出现,不仅解决了长期困扰开发者的性能瓶颈,更可能重新定义富文本编辑器、复杂数据可视化、以及高互动性Web应用的设计与开发范式,迫使整个行业重新审视基于DOM的渲染工作流。