关于提高网页加载速度个人学习以及经验总结
性能黃金法則:
記住:只有10% - 20%的最終用戶時間花在了下載HTML文檔上,其余的80%-90%時間花在下載頁面中的所有組件(js、css 、image 、flash)進行的http請求上。
根據上面的黃金法則,可以知道網頁提速方式就是減少http或縮短組件請求時間等方式解決,具體如下:
·使用外部js和css,用戶大量訪問量的情況緩存文件可提高組件利用,但首次加載會增加http請求數(區別權衡 );
·css放在head頭部,可以避免構建dom樹后樣式仍在加載的‘白屏’問題;
·js放在body底部,和css放在頭部一樣可以減少首屏出現的時間;
·精簡js和css,去掉不必須的空格和注釋,刪除重復;
·壓縮js文件,減小文件大小;
·盡量使用文字和css效果代替圖片,如字體圖標;
·控制單張圖片資源大小,通過控制尺寸大小和部分圖片可以轉jpg格式;
·通過cssSprite進行圖片合并,減少圖片http請求;
·使用CDN內容發布網絡,距離用戶更近的web服務器將使得用戶響應速度縮短;
·避免css表達式的出現;
·避免重定向(多余的post和重定向),可直接a鏈接跳轉;
·不使用table布局,每次更改會導致整個表格重新計算,且table頁面是整個頁面加載后再進行渲染的;
后續繼續補充....
可以結合另一篇更詳細的性能優化的筆記一起 https://blog.csdn.net/zhouzuoluo/article/details/80727456
總結
以上是生活随笔為你收集整理的关于提高网页加载速度个人学习以及经验总结的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: c++17(6)-数学 函数
- 下一篇: c++计算eigen随笔(1)