在網(wǎng)頁體驗(yàn)中我們常會(huì)遇到這種情況，即在調(diào)用百度聯(lián)盟、谷歌聯(lián)盟以及當(dāng)前網(wǎng)頁所在域名外的域名文件時(shí)會(huì)遇到請(qǐng)求延時(shí)非常嚴(yán)重的情況。那么有沒有方法去解決這種請(qǐng)求嚴(yán)重延時(shí)的現(xiàn)象呢？

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

<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"  />

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

下面我們來簡(jiǎn)單了解一下 dns-prefetch：

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

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

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

域名DNS解析查找流程

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

1. 用meta信息來告知瀏覽器, 當(dāng)前頁面要做DNS預(yù)解析:

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

2. 在頁面header中使用link標(biāo)簽來強(qiáng)制對(duì)DNS預(yù)解析:

<link rel="dns-prefetch"  />

注：dns-prefetch 需慎用，多頁面重復(fù)DNS預(yù)解析會(huì)增加重復(fù)DNS查詢次數(shù)。
PS：DNS 預(yù)解析主要是用于網(wǎng)站前端頁面優(yōu)化，在SEO中的作用湛藍(lán)還未作驗(yàn)證，但作為增強(qiáng)用戶體驗(yàn)的一部分 rel="dns-prefetch" 或許值得大家慢慢發(fā)現(xiàn)。

使用案例：
1、要出發(fā)遛娃攻略
2、要出發(fā)親子游
等...

參考文章：百度泛用戶體驗(yàn)-瀏覽器的加載與頁面性能優(yōu)化 http://www.baiduux.com/blog/2011/02/15/browser-loading/