诺禾-诺禾科技-css性能优化-will-change

will-change经过告知阅读器该元素会有哪些变化,使阅读器提早做好优化准备,加强页面渲染性能。

属性的取值:

1、auto: 实行规范阅读器优化。

2、scroll-position: 表示开发者希望在不久后改动滚动条的位置或者使之产生动画。

3、contents: 表示开发者希望在不久后改动元素内容中的某些东西,或者使它们产生动画。

4、: 表示开发者希望在不久后改动指定的属性名或者使之产生动画,比方transform 或 opacity。

运用须知:

1、不要将 will-change 应用到太多元素上,假如过度运用的话,可能招致页面响应迟缓或者耗费十分多的资源。

2、通常,当元素恢复到初始状态时,阅读器会丢弃掉之前做的优化工作。但是假如直接在款式表中显式声明了 will-change 属性,则表示目的元素可能会经常变化,阅读器会将优化工作保管得比之前更久。所以最佳理论是运用完后及时肃清。

3、假如你的页面在性能方面没什么问题,则不要添加 will-change 属性来榨取一丁点的速度。 will-change 的设计初衷是作为最后的优化手腕,用来尝试处理现有的性能问题,它不应该被用来预防性能问题。

猜你喜欢

转载自blog.csdn.net/yyone123/article/details/106265056