h5首頁加載慢_頁面加載速度緩慢時，如何優化？

提高頁面加載速度，優化方法：

1、使用免費 cdn 加載第三方資源

2、合并壓縮js,css,減少請求次數以及減少流量的消耗

3、代碼優化：

HTML頭部的JavaScript和寫在HTML标簽中的Style會阻塞頁面的渲染，是以CSS放在頁面頭部并使用Link方式引入，JavaScript的引入放在頁面尾

其次：

按需加載，把統計、分享等 js 在頁面 onload 後再進行加載，可以提高通路速度；

優化 cookie ，減少 cookie 體積；

避免

的 src 為空；

盡量避免設定圖檔大小，多次重設圖檔大小會引發圖檔的多次重繪，影響性能；

合理使用display屬性：

(1).字型圖示

(2).雪碧圖

(3).圖檔地圖

a.display:inline後不應該再使用width、height、margin、padding以及float

b.display:inline-block後不應該再使用float

c.display:block後不應該再使用vertical-align

d.display:table-*後不應該再使用margin或者float

不濫用Float 和 web 字型；

盡量使用CSS3動畫；

使用 ajax 異步加載部分請求；

4、懶加載

對于一些圖檔，顯示首屏的，後面scroll到的時候再加載

5、預加載

預加載是在浏覽器空閑時請求将來可能會用到的頁面内容(如圖像、樣式表和腳本)。使用這種方法，當使用者要通路下一個頁面時，頁面中的内容大部分已經加載到緩存中了，是以可以大大改善通路速度。