为什么方框阴影/边框半径慢？

Question

我是一个前端工程师，在寻找一些性能技巧的同时，我总是看到人们告诉我要删除一些沉重的css属性，比如box-shadow、border-radius，但是我很好奇为什么要删除这些工作呢？

我应该包括什么材料才能理解(或有3000英尺的概述)？

Answer 1

css中的边界半径是图形绘制过程。图形处理，例如找出边缘，然后将所需大小的曲线放在边缘上。

但是，Box Shadow和边框半径都会像其他css属性一样进行一些处理。对于现代计算机来说，删除这些属性可能会给你1-2 ns的优势。即使您删除了它们，您的浏览器也会应用它自己的许多css属性。

因此，几乎可以忽略不计性能增益，比如删除Box、Shadow等。您需要改进编程逻辑和图形以提高性能，而不是删除css属性。