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

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

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

1、在桌面端和移動(dòng)端用CSS開啟硬件加速

CSS animations, transforms 以及 transitions 不會(huì)自動(dòng)開啟GPU加速，而是由瀏覽器的緩慢的軟件渲染引擎來執(zhí)行。那我們?cè)鯓硬趴梢郧袚Q到GPU模式呢，很多瀏覽器提供了某些觸發(fā)的CSS規(guī)則。

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

分享標(biāo)題：成都HTML5網(wǎng)站性能提升之硬件加速
標(biāo)題鏈接：http://jinyejixie.com/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)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)