为什么框阴影/边界半径很慢

Question

我是一名前端工程师，在寻求一些性能提示时，我总是看到有人告诉我删除一些沉重的 CSS属性，例如box-shadow ， border-radius ，但是我很好奇为什么要删除这些作品？
我应该覆盖哪些材料才能理解（或概览3000英尺）

Answer 1

CSS中的Border Radius是图形渲染处理。 图形处理，例如查找边缘，然后将所需大小的曲线放在边缘上。

但是，Box Shadow和Border Radius都将像其他所有CSS属性一样进行一些处理。 对于现代计算机，删除此类属性可能会为您带来1-2 ns的优势。 即使删除它们，您的浏览器也会应用其自身的许多CSS属性。

因此，删除Box Shadow等几乎没有什么性能提高 。您需要改进编程逻辑和图形以提高性能，而不是删除CSS属性