為動畫dom元素新增css3樣式-webkit-transform:transition3d(0,0,0)或-webkit-transform:translatez(0);,這兩個屬性都會開啟gpu硬體加速模式,從而讓瀏覽器在渲染動畫時從cpu轉向gpu,其實說白了這是乙個小伎倆,也可以算是乙個hack,-webkit-transform:transition3d和-webkit-transform:translatez其實是為了渲染3d樣式,但我們設定值為0後,並沒有真正使用3d效果,但瀏覽器卻因此開啟了gpu硬體加速模式。
這種gpu硬體加速在當今pc機及移動裝置上都已普及,在移動端的效能提公升是相當顯著地,所以建議大家在做動畫時可以嘗試一下開啟gpu硬體加速。
當然也可以這樣開啟所有瀏覽器的gpu硬體加速:
-webkit-transform:
translatez(0
);-moz-transform:
translatez(0
);-ms-transform:
translatez(0
);-o-transform:
translatez(0
);transform:
translatez(0
);
或
-webkit-transform:
translate3d(0
,0,0
);-moz-transform:
translate3d(0
,0,0
);-ms-transform:
translate3d(0
,0,0
);-o-transform:
translate3d(0
,0,0
);transform:
translate3d(0
,0,0
);
適用情況
通過-webkit-transform:transition3d/translatez開啟gpu硬體加速的適用範圍:
總結通過開啟gpu硬體加速雖然可以提公升動畫渲染效能或解決一些棘手問題,但使用仍需謹慎,使用前一定要進行嚴謹的測試,否則它反而會大量占用瀏覽網頁使用者的系統資源,尤其是在移動端,肆無忌憚的開啟gpu硬體加速會導致大量消耗裝置電量,降低電池壽命等問題。
numpy使用GPU加速
在跑完mnist的knn分類後,跑的挺慢,突然想有沒有gpu的numpy的呢,上網查了查,才知道原生的numpy沒有實現 不應該啊。結構查到了minpy,花了10分鐘左右配好了環境,寫個日誌記錄一下。安裝minpy 我的機器是ubuntu 16.04的,minpy需要cuda,cudnn,由於這倆我...
使用GPU加速DSPSR
1 設定環境變數,加入packages sudo gedit etc profile 在下面新增cuda路徑,輸入 packages usr local cuda 10.1 儲存後,使用指令 source etc profile 2 執行dspsr configure cd dspsr config...
tensorflow使用GPU加速
測試faster rcnn時,cpu計算速度較慢,調整 改為gpu加速運算 將 with tf.session as sess 替換為 1 gpu options tf.gpuoptions per process gpu memory fraction 0.9 2 with tf.session ...