html - 为什么 box-shadow/border-radius 很慢

Question

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

Answer 1

css中的Border Radius是图形渲染处理图形处理，比如找边，然后把需要尺寸的曲线放在边上。

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

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