性xxxx欧美老肥妇牲乱_久久综合久久久久88_综合婷婷亚洲小说_亚洲国产一区二区a毛片

設為首頁 加入收藏

手機版 鄭州清新教育-鄭州電腦設計培訓學校典范,專業課程包括:室內家裝建筑裝飾設計培訓學習班,平面廣告網頁美工動漫設計培訓,淘寶開店美工運營推廣網站手機開發培訓等課程
鄭州清新教育電話

當前位置:首頁 > 網頁美工設計

網頁美工設計

網頁設計移動端H5前端性能優化方案

編輯: 時間:2017-07-11 20:07:54

  3、移除空的CSS規則,空的CSS規則增加了CSS文件的大小,且影響CSS樹的執行,所以需移除空的CSS規則。

  4、正確使用Display的屬性,Display屬性會影響頁面的渲染,建議各位站長要合理使用。

  (1)、display:inline后不應該再使用width、height、margin、padding以及float

  (2)、display:inline-block后不應該再使用float

  (3)、display:block后不應該再使用vertical-align

  (4)、display:table-*后不應該再使用margin或者float

  5、不濫用Float,Float在渲染時計算量比較大,盡量減少使用。

  6、不濫用Web字體,Web字體需要下載,解析,重繪當前頁面,盡量減少使用。

  7、不聲明過多的Font-size,過多的Font-size引發CSS樹的效率。

  8、值為0時不需要任何單位,為了瀏覽器的兼容性和性能,值為0時不要帶單位。

  9、標準化各種瀏覽器前綴

  (1)、無前綴應放在最后。

  (2)、CSS動畫只用(-webkit-無前綴)兩種即可。

  (3)、其它前綴為“-webkit--moz--ms-無前綴”四種(-o-Opera瀏覽器改用blink內核,所以淘汰)。

  10、避免讓選擇符看起來像正則表達式。

  高級選擇器執行耗時長且不易讀懂,避免使用。

  Javascript執行優化

  1、減少重繪和回流

  (1)、避免不必要的Dom操作

  (2)、盡量改變Class而不是Style,使用classList代替className

  (3)、避免使用document.write

  (4)、減少drawImage

  2、緩存Dom選擇與計算,每次Dom選擇都要計算,緩存他。

  3、緩存列表.length,每次.length都要計算,用一個變量保存這個值。

  4、盡量使用事件代理,避免批量綁定事件。

  5、盡量使用ID選擇器,ID選擇器是最快的。

  6、TOUCH事件優化,使用touchstart、touchend代替click,因快影響速度快,但應注意Touch響應過快,易引發誤操作。

  渲染優化

  HTML文檔是以包含文檔編碼信息的數據流方式在網絡間傳輸,頁面的編碼信息一般會在HTTP響應的頭部信息或在文檔內的HTML標記中指明,客戶端瀏覽器只有在確定了頁面編碼后才能正確的渲染頁面,所以在繪制頁面或執行任何的java代碼前,大部分的瀏覽器(ie6、ie7、ie8除外)都會緩沖一定字節的數據來從中查找編碼信息,不同的瀏覽器當中預緩沖的字節數是不一樣的。

求學問答專業答復,快速響應
電話:0371-63218905
手機:13613841515
QQ:
有問題需要老師在線解答? 立即提問 馬上回復
更多 熱門課程排行榜
鄭州清新教育電腦學校

室內家裝設計知識平面廣告設計知識網頁美工設計知識

模具機械設計知識電腦辦公文秘知識游戲動漫設計知識

鄭州清新教育電腦學校

清新教育新聞資訊清新教育報班選課清新教育就業服務

關于清新教育聯系清新教育清新教育乘車路線

關于我們 版權所有:鄭州清新教育(www.yy146.com)備案號:豫ICP備11011661號-1

主站蜘蛛池模板: 博爱县| 浪卡子县| 灌阳县| 保亭| 富源县| 大名县| 赞皇县| 武义县| 澜沧| 班玛县| 赣榆县| 大化| 平果县| 仁化县| 兴隆县| 东兴市| 朔州市| 曲阜市| 湖南省| 库车县| 阜新市| 扶余县| 文登市| 邛崃市| 石首市| 枞阳县| 巴中市| 南岸区| 温州市| 德格县| 盐津县| 电白县| 白朗县| 静乐县| 大连市| 吉木萨尔县| 龙南县| 定州市| 安塞县| 延边| 通道|