提高頁面加載速度,優化方法:
1、使用免費 cdn 加載第三方資源
2、合並壓縮js,css,減少請求次數以及減少流量的消耗
3、代碼優化:
HTML頭部的JavaScript和寫在HTML標簽中的Style會阻塞頁面的渲染,因此CSS放在頁面頭部並使用Link方式引入,JavaScript的引入放在頁面尾
其次:
-
按需加載,把統計、分享等 js 在頁面 onload 后再進行加載,可以提高訪問速度;
-
優化 cookie ,減少 cookie 體積;
-
避免 <img> 的 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、預加載
預加載是在瀏覽器空閑時請求將來可能會用到的頁面內容(如圖像、樣式表和腳本)。使用這種方法,當用戶要訪問下一個頁面時,頁面中的內容大部分已經加載到緩存中了,因此可以大大改善訪問速度。