成都HTML5網站性能提升之硬件加速

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

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

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

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

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

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

分享標題：成都HTML5網站性能提升之硬件加速
標題鏈接：http://www.bm7419.com/news5/246305.html

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

廣告

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