<分区>
CSS text-transform 在处理方面是否昂贵？在我看来，浏览器被迫做一些它通常不需要做的工作(如果你没有转换)，但这是大量的处理吗？它会影响性能吗？
<分区>
CSS text-transform 在处理方面是否昂贵？在我看来，浏览器被迫做一些它通常不需要做的工作(如果你没有转换)，但这是大量的处理吗？它会影响性能吗？
最佳答案
这可能需要客户端浏览器进行更多处理，但这将完全无关紧要，除非您正在转换页面和文本页面(如果您这样做，那么您做错了什么)。
您还需要在样式表(较重的文件)中写入 CSS 属性，但同样只有几个字符，应该没有任何区别。
我很好奇，所以我运行了一些基本的基准测试。在 Firefox 3 上，我显示了一个包含 200 个 Lorem Lipsum 段落的页面。
渲染它需要 0.150s 到 0.175s
当添加 text-transform:none 时，我没有发现任何显着差异。
添加 text-transform:uppercase 时，现在需要 0.350s 到 0.380s
添加 text-transform:capitalize 时，现在需要 0.320s 到 0.350s
添加 text-transform:lowercase 时，现在需要 0.320s 到 0.350s
显然我们确实有一些开销来处理这个，但我又一次利用了数百行，它只花费了 0.2 秒。因此，如果我是你，我会使用它而不会过多考虑性能，除非你想对大量文本进行文本转换。
关于css - 是 CSS 文本转换 "expensive"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4850190/