前端優化系列之一:dns預獲取 dns-prefetch 提升頁面載入速度


問題:怎么做到dns域解析?
 
用於優化網站頁面的圖片
 
問題:怎么提升網站性能?
dns域解析,是提升網站的一個辦法。
 

DNS Prefetch,即DNS預獲取,是前端優化的一部分。

一般來說,在前端優化中與 DNS 有關的有兩點: 

一.  是減少DNS的請求次數

二. 是進行DNS預獲取

目前大多數瀏覽器已經支持此屬性,支持版本如下:

  • – Safari: 5+
  • – Chrome: All
  • – Firefox: 3.5+
  • – Opera: Unknown
  • – IE: 9+ (called “Pre-resolution” on blogs.msdn.com)

其中 Chrome 和 Firefox 3.5+ 內置了 DNS Prefetching 技術並對DNS預解析做了相應優化設置。所以 即使不設置此屬性,Chrome 和 Firefox 3.5+ 也能自動在后台進行預解析 。

 

dns  Prefetch 應該盡量的放在網頁的前面,推薦放在 <meta charset="UTF-8"> 后面。具體使用方法如下:

<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel=”dns-prefetch” href=”//static.360buyimg.com”>  
<link rel=”dns-prefetch” href=”//img.360buyimg.com”>

 

需要注意的是,雖然使用 DNS Prefetch 能夠加快頁面的解析速度,但是也不能濫用,因為有開發者指出 禁用DNS 預讀取能節省每月100億的DNS查詢 。

如果需要禁止隱式的 DNS Prefetch,可以使用以下的標簽:

<meta http-equiv="x-dns-prefetch-control" content="off">


免責聲明!

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



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