**瀏覽器中點擊鏈接：** 1. 如果是在當前頁打開的鏈接（也就是在當前選項卡打開的頁面），那么在點擊之后，瀏覽器的**加載狀態**立即變成加載中的（實際上這里面有不同的過程，待會說），此時會開始“**尋址**”，當前頁面維持原狀，不會變化，**瀏覽器地址欄URL**也沒有變化（請記住這些微妙的特征），當尋址完成（這個過程如果線路進，網絡通暢則一般很快），尋址完成后就會開始加載新的鏈接頁面了，此時當前頁面會清空，瀏覽器地址欄URL也變成目標地址，也就是**白屏**了，然后開始渲染加載的新頁面，如果加載渲染這個過程比較長，那么白屏顯示也就越久。不過現代瀏覽器為了提升體驗，減少白屏等待時間，對這個過程進行了優化，一般在開始加載新頁面時不立即顯示白屏，而是先停留原頁面，維持不變（請注意現在瀏覽器是加載狀態，而不是尋址狀態，這兩個狀態有為妙區別，稍后再說），等加載的內容可以渲染時，瀏覽器會檢測到，此時就清空原頁面，開始進入直接渲染新頁面的過程了，所以我們幾乎感覺不到白屏頁面，當然這是現代瀏覽器優化的結果。 記得上面說的瀏覽器加載狀態的那個微妙特征了嗎，細心的我們可以注意到谷歌瀏覽器在尋址的時候是逆時針旋轉，尋址完成后加載時會順時針旋轉，這個微妙的細節凸顯出來谷歌瀏覽器對細節的深入思考及卓越的極客、工程師文化。網上有一篇文章對谷歌留言器這個細節進行了說明： [chrome瀏覽器的小圈圈逆時針轉動是什么意思？](http://www.zhihu.com/question/21138264) [Google Chrome瀏覽器的標簽在讀取頁面時有兩種讀取狀態，一種高亮順時針快速轉動，一種稍暗逆時針慢速轉動，分別表示什么或有什么含義嗎？](http://www.zhihu.com/question/20584542?sort=created)。 >[info] 前期逆時針（尋址）慢轉時狀態欄顯示「正在發送請求」和「正在等待回應」，后來順時針（加載）快轉時就是「正在傳輸數據」，所以猜測分別是對應 DNS 查詢和傳輸數據。 2. 如果是在新標簽打開的頁面，那么直接跳轉到新標簽，就沒上面那些優化了，新頁面會由白屏狀態（尋址），到加載渲染完成。 根據這個原理，可以在頭部設置域讓瀏覽器提前緩存DNS，以加快頁面打開速度： ~~~html <link rel="dns-prefetch" href="//static.360buyimg.com" /> <link rel="dns-prefetch" href="//misc.360buyimg.com" /> <link rel="dns-prefetch" href="//img10.360buyimg.com" /> <link rel="dns-prefetch" href="//img11.360buyimg.com" /> <link rel="dns-prefetch" href="//img12.360buyimg.com" /> <link rel="dns-prefetch" href="//img13.360buyimg.com" /> <link rel="dns-prefetch" href="//img14.360buyimg.com" /> <link rel="dns-prefetch" href="//img30.360buyimg.com" /> ~~~ # 擴展知識