頁面加載速度緩慢時,如何優化?


提高頁面加載速度,優化方法:

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

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

3、代碼優化:

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 異步加載部分請求;

4、懶加載

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

5、預加載

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM