沐鳴主管:_css性能優化-will-change

will-change通過告知瀏覽器該元素會有哪些變化，使瀏覽器提前做好優化準備，增強頁面渲染性能。

屬性的取值：

1、auto:  實行標準瀏覽器優化。

2、scroll-position:  表示開發者希望在不久后改變滾動條的位置或者使之產生動畫。

3、contents:  表示開發者希望在不久后改變元素內容中的某些東西，或者使它們產生動畫。

4、<custom-ident>:  表示開發者希望在不久后改變指定的屬性名或者使之產生動畫，比如transform 或 opacity。

使用須知：

1、不要將 will-change 應用到太多元素上，如果過度使用的話，可能導致頁面響應緩慢或者消耗非常多的資源。

2、通常，當元素恢復到初始狀態時，瀏覽器會丟棄掉之前做的優化工作。但是如果直接在樣式表中顯式聲明了 will-change 屬性，則表示目標元素可能會經常變化，瀏覽器會將優化工作保存得比之前更久。所以最佳實踐是使用完后及時清除。

3、如果你的頁面在性能方面沒什麼問題，則不要添加 will-change 屬性來榨取一丁點的速度。 will-change 的設計初衷是作為最後的優化手段，用來嘗試解決現有的性能問題，它不應該被用來預防性能問題。

兼容性：

站長推薦

1.雲服務推薦: 國內主流雲服務商，各類雲產品的最新活動，優惠券領取。地址：阿里雲騰訊雲華為雲

2.廣告聯盟: 整理了目前主流的廣告聯盟平台，如果你有流量，可以作為參考選擇適合你的平台點擊進入

鏈接: http://www.fly63.com/article/detial/10015