box-shadow / border-radius为什么慢

时间:2013-09-08 13:51:30

标签: html5 css3 browser

我是一名前端工程师,在寻求一些性能提示时,我总是看到有人告诉我删除一些 css属性,例如box-shadow,{{1}但是我很好奇为什么要删除这些作品? 我需要提供哪些材料才能理解(或有3000英尺的概述)

1 个答案:

答案 0 :(得分:0)

css中的边界半径图形渲染处理。图形处理,例如找到边缘,然后将所需尺寸的曲线放在边缘。

但是,Box Shadow和Border Radius都将采取一些处理,因为每个其他css属性将采取。对于现代计算机来说,删除这些属性可能会给你1-2 ns的优势。即使您删除它们,您的浏览器也会应用许多自己的css属性。

因此,在删除Box Shadow等方面存在几乎可以忽略不计的性能增益。您需要改进编程逻辑和图形以提高性能而不是删除css属性