Hog*_*ill 10 css performance transform
CSS text-transform在处理方面是否昂贵？在我看来,浏览器被迫做一些通常不需要的工作(如果你没有转换),但这是一个大量的处理？它会影响性能吗？
mar*_*cgg 17
从客户端的浏览器可能需要更多的处理,但除非你正在改变文本的页面和页面(如果你这样做,你做错了),这将是完全无关紧要的.
您还有将CSS属性写在样式表(较重的文件)中的开销,但再一次只有几个字符,不应该有任何区别.
我好奇,所以我运行了一些基本的基准测试.在Firefox 3上,我显示了一个包含200段Lorem Lipsum的页面.
渲染它需要0.150秒到0.175秒
添加时text-transform:none我没有看到任何显着差异.
添加text-transform:uppercase时现在需要0.350秒到0.380秒
添加text-transform:capitalize时现在需要0.320s到0.350s
添加text-transform:lowercase时现在需要0.320s到0.350s
所以显然我们确实有一些开销处理这个,但我再次资本化数百行,它只花费0.2s.因此,如果我是你,我会使用它而不考虑性能太多,除非你想要文本转换大量的文本.