2019-06-18 Web 性能優(yōu)化的常用手段

  • DNS查詢:
    雖然不能優(yōu)化DNS查詢過程,但是可以通過減少DNS查詢數(shù)量來加快查詢的速度
  • TCP連接:
  1. 在HTTP請求頭里加上keep-alive,服務器就會復用連接
  2. HTTP/2.0多路復用
  • 發(fā)送HTTP請求:
  1. 減小Cookie體積
  2. cacha-control緩存一次,以后直接跳過發(fā)送請求這一階段
  3. 同時發(fā)送多個HTTP請求(IE:4個,Chrome:8個),可以通過增加域名(1:41個,2:42個...)比如(css.cdn.com/x.css,js.cdn.com/x.js),這樣就不會與DNS查詢沖突了
    回答:!!!
    文件很少的時候沒必要增加域名,文件多的時候就增加域名,這樣可以同時請求四個或八個等,可以一下子都請求完成(用戶帶寬足夠的前提下)(一般是搞cdn)
  • 接收響應
  1. 用E-tag:304, 使客戶端不用再去下載整個文件,直接用上次的
  2. 用Gzip壓縮(優(yōu)點:減小體積,缺點:耗費chrome的CPU)
  • 使用CDN:
    增多并行下載數(shù)量


    CDN內容分布網(wǎng)絡

總結:
使用 CDN:
增多并行下載數(shù)量
使用 Cache-Control
使用 Etag
使用 Gzip
合并文件(CSS、JS、圖片)
調整 CSS 和 JS 的位置:
CSS放head里(盡早下載),JS放body最后(盡早顯示頁面,獲取節(jié)點)
壓縮圖片的工具
增加域名以并行下載資源

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容