成都HTML5網(wǎng)站性能提升之硬件加速

近日我公司官方網(wǎng)站發(fā)布的部分文章被其同行抄襲或轉(zhuǎn)載，敬告哪些抄襲者，請尊重他人的勞動成果，我們希望創(chuàng)造的一個良性的環(huán)境，創(chuàng)新的產(chǎn)品和服務(wù)方能取勝。

HTML5網(wǎng)站的盛行之后，每次打開網(wǎng)站總感覺電腦力不從心的感覺，卡的不行，隨之將電腦的硬件配置進行了升級，天曉得越升級越卡，有米有啊，當時就想是不是類似的HTML高端網(wǎng)站建設(shè)在技術(shù)上做了處理，比如是不是能夠監(jiān)控客戶端配置，盡可能的提升客戶端的性能，將電腦的性能發(fā)揮到極致，讓其網(wǎng)站或其應(yīng)用更為的流暢。當時也沒去深入研究這個問題了。

近來發(fā)現(xiàn)確實存在這么牛逼的技術(shù)，在瀏覽器中通過CSS啟動硬件加速（開啟GPU）讓其發(fā)揮性能，提升網(wǎng)站體驗?，F(xiàn)在大多數(shù)電腦的顯卡都支持硬件加速。鑒于此，我們可以發(fā)揮GPU的力量，從而使我們的網(wǎng)站或應(yīng)用表現(xiàn)的更為流暢。

1、在桌面端和移動端用CSS開啟硬件加速

CSS animations, transforms 以及 transitions 不會自動開啟GPU加速，而是由瀏覽器的緩慢的軟件渲染引擎來執(zhí)行。那我們怎樣才可以切換到GPU模式呢，很多瀏覽器提供了某些觸發(fā)的CSS規(guī)則。

現(xiàn)在，像Chrome, FireFox, Safari, IE9+和最新版本的Opera都支持硬件加速，當它們檢測到頁面中某個DOM元素應(yīng)用了某些CSS規(guī)則時就會開啟，最顯著的特征的元素的3D變換。

分享標題：成都HTML5網(wǎng)站性能提升之硬件加速
標題鏈接：http://www.muchs.cn/news5/246305.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、微信小程序、響應(yīng)式網(wǎng)站、網(wǎng)站建設(shè)、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)