你知道我們可以在瀏覽器中用css開啟硬體加速，使gpu (graphics processing unit) 發揮功能，從而提公升效能嗎？
現在大多數電腦的顯示卡都支援硬體加速。鑑於此，我們可以發揮gpu的力量，從而使我們的**或應用表現的更為流暢。
css animations, transforms 以及 transitions 不會自動開啟gpu加速，而是由瀏覽器的緩慢的軟體渲染引擎來執行。那我們怎樣才可以切換到gpu模式呢，很多瀏覽器提供了某些觸發的css規則。
現在，像chrome, firefox, safari, ie9+和最新版本的opera都支援硬體加速，當它們檢測到頁面中某個dom元素應用了某些css規則時就會開啟，最顯著的特徵的元素的3d變換。
例如：
.cube可是在一些情況下，我們並不需要對元素應用3d變換的效果，那怎麼辦呢？這時候我們可以使用個小技巧「欺騙」瀏覽器來開啟硬體加速。
雖然我們可能不想對元素應用3d變換，可我們一樣可以開啟3d引擎。例如我們可以用transform: translatez(0); 來開啟硬體加速 。
.cube在 chrome and safari中，當我們使用css transforms 或者 animations時可能會有頁面閃爍的效果，下面的**可以修復此情況：
.cube在webkit核心的瀏覽器中，另乙個行之有效的方法是
.cube只對我們需要實現動畫效果的元素應用以上方法，如果僅僅為了開啟硬體加速而隨便亂用，那是不明智的。
小心使用這些方法，如果通過你的測試，結果確是提高了效能，你才可以使用這些方法。使用gpu可能會導致嚴重的效能問題，因為它增加了記憶體的使用，而且它會減少移動端裝置的電池壽命。
出自：
css實現硬體加速
就是將瀏覽器的渲染過程交給gpu處理，而不是使用自帶的比較慢的渲染器。這樣就可以使得animation與transition更加順暢。chrome,firefox,safari,ie9 以及最新的 opera都支援硬體加速，只要使用特定的css語句就可以開啟硬體加速 使用3d效果來開啟硬體加速 sp...
CSS動畫開啟硬體加速
一 前言 在需要高頻互動的css動畫時候，我們就需要考慮使用css3 硬體加速。首先，css3 硬體加速又叫做 gpu 加速，是利用 gpu 進行渲染，減少 cpu 操作的一種優化方案。由於 gpu 中的 transform 等 css 屬性不會觸發 repaint，所以能大大提高網頁的效能。現在，...
硬體加速 Pr開始支援A卡硬體加速
上週，amd正式推出旗下針對專業工作站平台的高效能處理器執行緒系列者pro系列，而聯想p620台式工作站更是對該系列處理器進行了首發。不過，該工作站配備的是英偉達顯示卡。由於amd顯示卡也是從近兩年才開始翻身，因此在專業軟體的支援方面稍顯落後。以如今使用最為廣泛的premiere pro軟體為例，其...