移動端的性能優化！！！

1、網絡加載時：

　　1.首屏數據請求提早，將HTML加載放在最開始，邏輯部分的JS代碼放在加載以後。

　　2.首屏內容最小化與按需加載，非首屏內容使用懶加載。

　　3.將首屏內容的css與js寫爲內聯樣式，在第一次加載時提高速度。

　　4.設置瀏覽器DNS的預解析，提早獲取靜態資源的主機IP。

　　　　<meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="域名">

　　5.資源的預加載，首屏加載完成後可能會使用的資源使用資源預加載，

　　　　<link rel="subresourse" href="xxx.css">

　　　　<link rel="prefetch" href="xxx.js">

　　6.預渲染：<link rel="prerender" href="頁面">，

　　7.合理使用MTU策略，TCP網絡傳輸的最大單元（RTT）爲1500kb，儘可能將頁面代碼大小保持在1KB左右，使其能夠在一個RTT內請求徹底，提升請求效率。

2、使用緩存：

　　1.合理使用緩存，以減小網絡的請求。

3、圖片類：

　　1.圖片壓縮處理，

　　2.圖片過多時使用懶加載

　　3.使用字體小圖標代替圖片圖標

4、腳本類：

　　1.儘可能使用id選擇器。

　　2.合理緩存DOM對象。

　　3.多使用事件代理，避免直接的事件綁定。

　　4.使用touch代替click，移動端中，touch事件觸發比click快。

　　5.對連續觸發事件進行節流處理，

5、渲染類：

　　1.設置viewport固定屏幕渲染<meta name="viewport" content="width=device-width，initial-scale=1.0,maximum-scale=1.0,user-scalable=0">能夠加速頁面渲染而且避免網頁縮放時進行迴流與 重繪。

　　2.避免迴流與重繪，頁面大小變化，元素位置變化。

　　3.使用css3動畫

　　4.SVG代替圖片實現動畫，SVG格式內容更小，

　　5.移動端中float的性能差。儘可能少用。