1
我在CSS中發現了一個interesting article約will-change屬性（它允許事先告訴瀏覽器什麼會改變並主動作出反應）。這個屬性背後的主要原因是提高性能。如何測量使用will-change屬性的性能增益
據我瞭解，我可以通過以下方式來使用它：jsFiddle（點擊廣場）
<div class="element"></div>
.element {
width: 50px;
height: 50px;
margin:30px;
background: red;
transition: transform 1s ease-out;
}
.element:hover {
will-change: transform;
}
.element:active {
transform: rotate(90deg);
}
到目前爲止好，但爲了談論性能改進，應該有一種衡量這種改進的方法。
那麼有沒有一種方法來測量性能，CPU和GPU的利用率有沒有will-change？
在這篇文章的撰寫之時，只有Chrome Canary 36+，Opera Developer 23+和Firefox Nightly支持will-change屬性。 也有意將其運送到穩定通道。