Pretext：纯 TypeScript 文本测量工具，绕过 DOM 的性能红利

前端文本测量利器 Pretext，通过在代码层测量文本而非 DOM，实现高性能、稳定的多语言与表情文本处理。

简介

Pretext 不是温和的优化工具，而是直接绕过 DOM，将文本测量放在代码层完成。它是纯 TypeScript、仅 15KB，零依赖，已获得大量关注与实战价值。

• 目标：在文本测量上取得稳定高帧率，解决布局复杂带来的重排问题
• 设计要点：在不依赖 DOM 的情况下测量文本尺寸
• 适用场景：多语言混排、表情符号（emoji）等文本场景

核心价值

• 避免布局重排（reflow），提升页面流畅度
• 提高文本测量的确定性，降低 UI 卡顿
• 适用于需要高帧率文本渲染的前端场景

适用人群

• 前端工程师、性能优化工程师
• 需要精准文本尺寸计算的 UI 开发者

资源与链接

• 官方仓库：
  • https://github.com/chenglou/pretext

备注：此内容保留了原文的核心信息与外部链接，未删减与主题相关的关键内容。

下载链接

GitHub：
https://github.com/chenglou/pretext