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

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

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

二、合併壓縮js,css,減小請求次數以及減小流量的消耗

三、代碼優化：

HTML頭部的JavaScript和寫在HTML標籤中的Style會阻塞頁面的渲染，所以CSS放在頁面頭部並使用Link方式引入，JavaScript的引入放在頁面尾

其次：

1. 按需加載，把統計、分享等 js 在頁面 onload 後再進行加載，能夠提升訪問速度；

2. 優化 cookie ，減小 cookie 體積；

3. 避免 <img> 的 src 爲空；

4. 儘可能避免設置圖片大小，屢次重設圖片大小會引起圖片的屢次重繪，影響性能；

5. 合理使用display屬性：

6. (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

1. 不濫用Float 和 web 字體；

2. 儘可能使用CSS3動畫；

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

四、懶加載

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

五、預加載

預加載是在瀏覽器空閒時請求未來可能會用到的頁面內容（如圖像、樣式表和腳本）。使用這種方法，當用戶要訪問下一個頁面時，頁面中的內容大部分已經加載到緩存中了，所以能夠大大改善訪問速度。