CSS文本转换“昂贵”

CSS文本转换在处理方面是否昂贵?在我看来,浏览器被迫做一些通常不需要的工作(如果你没有转换),但这是一个大量的处理?它会影响性能吗?

解决方法

从客户端的浏览器可能需要更多的处理,但除非你正在改变文本的页面页面(如果你这样做,你做错了),这将是完全无关紧要的.

你也有把CSS属性写在你的样式表(较重的文件)中的开销,但再次只有几个字符,不应该有任何区别.

我很好奇所以我运行了一些基本的基准测试.在Firefox 3上,我显示了一个包含200段Lorem Lipsum的页面.

渲染时间为0.150秒至0.175秒

添加text-transform:none时,我没有看到任何显着差异.

添加text-transform:大写时,它现在需要0.350s到0.380s

添加文本转换时:大写它现在需要0.320秒到0.350秒

添加文本转换时:小写现在需要0.320秒到0.350秒

所以显然我们确实有一些开销来处理这个问题,但我再次将数百条线路资本化,而且只花费0.2秒.因此,如果我是你,我会使用它而不考虑性能太多,除非你想要文本转换大量的文本.

相关文章

前言 最近项目做完,用户需要兼容IE,于是开展了兼容性的调整工作。边调整边想感叹IE真是个沙雕。。特将...
前言 有些属性不是很常用,但是工作中遇到了,记录一下,方便学习。 1、text-indent text-indent 属性规...
前言 政府网站会遇到公祭日的时候,网站整体颜色变灰的情况。今天正好调了一下。在此把解决方案分享给大...
需求 项目里有个消息中心,当有消息的时候,小铃铛图标可以晃两下,提示当前有信息。 实现过程 书写css...
html代码 css代码 效果图
在一些界面上 , 如果每个icon都去找图片还是相当麻烦的 , 直接使用css画出icon就方便的多了 , 下面两个...