什么是 DNS Prefetch

DNS 實現(xiàn)域名到IP的映射。通過域名訪問站點，每次請求都要做DNS解析。目前每次DNS解析，通常在200ms以下。針對DNS解析耗時問題，一些瀏覽器通過DNS Prefetch 來提高訪問的流暢性。 

DNS Prefetch 是一種DNS 預解析技術，當瀏覽網(wǎng)頁時，瀏覽器會在加載網(wǎng)頁時對網(wǎng)頁中的域名進行解析緩存，這樣在單擊當前網(wǎng)頁中的連接時就無需進行DNS的解析，減少用戶等待時間，提高用戶體驗。 

目前支持 DNS Prefetch 的瀏覽器有 google chrome 和 firefox 3.5 

如果要瀏覽器端對特定的域名進行解析，可以再頁面中添加link標簽實現(xiàn)。例如： 

<link rel="dns-prefetch" /> 

如果要控制瀏覽器端是否對域名進行預解析，可以通過Http header 的x-dns-prefetch-control 屬性進行控制。 

可惜目前支持上面標簽的只有 google chrome 和 firefox3.5

一般來說這種延時的原因不會是對方網(wǎng)站帶寬或者負載的原因，那么到底是什么導致了這種情況呢。湛藍試著進行推測，假設是DNS的問題，因為DNS解析速度很可能是造成資源延時的最大原因。于是湛藍在頁面header中添加了以下代碼（用以DNS預解析）：

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

<link rel="dns-prefetch" />

<link rel="dns-prefetch" />

<link rel="dns-prefetch" href="http://#" />

<link rel="dns-prefetch" />

<link rel="dns-prefetch" />

效果很不錯（測試瀏覽器為IE8），再打開其他頁面時百度分享按鈕的加載明顯提高！

下面我們來簡單了解一下dns-prefetch：

DNS 作為互聯(lián)網(wǎng)的基礎協(xié)議，其解析的速度似乎容易被網(wǎng)站優(yōu)化人員忽視?，F(xiàn)在大多數(shù)新瀏覽器已經(jīng)針對DNS解析進行了優(yōu)化，典型的一次DNS解析耗費20-120 毫秒，減少DNS解析時間和次數(shù)是個很好的優(yōu)化方式。DNS Prefetching是具有此屬性的域名不需要用戶點擊鏈接就在后臺解析，而域名解析和內容載入是串行的網(wǎng)絡操作，所以這個方式能減少用戶的等待時間，提升用戶體驗。

瀏覽器對網(wǎng)站第一次的域名DNS解析查找流程依次為：

瀏覽器緩存-系統(tǒng)緩存-路由器緩存-ISP DNS緩存-遞歸搜索

域名DNS解析查找流程

Chrome內置了DNS Prefetching技術, Firefox 3.5 也引入了這一特性，由于Chrome和Firefox 3.5本身對DNS預解析做了相應優(yōu)化設置，所以設置DNS預解析的不良影響之一就是可能會降低Google Chrome瀏覽器及火狐Firefox 3.5瀏覽器的用戶體驗。

預解析的實現(xiàn)：

1. 用meta信息來告知瀏覽器, 當前頁面要做DNS預解析:<meta http-equiv="x-dns-prefetch-control" content="on" />

2. 在頁面header中使用link標簽來強制對DNS預解析: <link rel="dns-prefetch" />

注：dns-prefetch需慎用，多頁面重復DNS預解析會增加重復DNS查詢次數(shù)。

PS：DNS預解析主要是用于網(wǎng)站前端頁面優(yōu)化，在SEO中的作用湛藍還未作驗證，但作為增強用戶體驗的一部分rel="dns-prefetch"或許值得大家慢慢發(fā)現(xiàn)。