tailwindcss 究竟比 unocss 快多少?
前言
大家好,我是去年一篇测评 《unocss 究竟比 tailwindcss 快多少?》 的作者 icebreaker。
一晃到了 2025 年,tailwindcss@4 也正式发布了,现在最新版本是 4.1.13。
新版本不仅在功能和性能上大升级,甚至定位也发生了变化: 从一个 PostCSS 插件变成了样式预处理器。
与此同时,unocss 也一直在进步,一路也更新到了 66.5.1,新的 preset-wind4 写法上也对 tailwindcss@4 做了一定的兼容。
但有一点还是不一样:它还没办法像 tailwindcss@4 一样,把所有配置都直接写在 css 里。
开始测试
这次测试,我还是沿用了去年的基准用例,不过加了更多场景。
比如,我在里面加入了等量的 @apply 指令,来模拟真实开发时的情况。这样一来,不管是 tailwindcss 还是 unocss,都得老老实实去解析 CSS AST,算是“加点负重”。
测试环境保持一致,依旧还是我的老伙计 MacBook M1 Pro (2021)(想换新的 M4 Pro了)
跑 200 次,提取并生成 1656 个工具类,取 75% 分位数(避免极端值干扰)。
测试代码大家也可以自己跑跑 👉 源代码。
测试报告
测试结果如下:
2025/9/11 10:01:53
1656 utilities | x200 runs (75% buil