DNS prefetching - 加速網頁載入速度的祕技

Last updated on  Sep 9, 2024  in  資訊技術探索  by  Amo Chen  ‐ 1 min read

對網路程式比較熟悉的人都會知道,當我們在 Browser 輸入網址(或在頁面點一個連結)後,同時也可能發出 DNS 的域名解析請求,將網址的域名轉成 IP 位址後,再向遠端伺服器發出要資料的請求。對於追求高效能網頁系統的人來說,十分可能會想把這段時間也一併省去,以提升整體網頁速度。現在 Browser 也有一種機制能預先將域名先解析好,節省域名解析時間。

一般稱為:

  • DNS prefetching
  • Pre-Resolve DNS

版本要求

這個機制是相對新的功能,所以對舊版的瀏覽器並不適用,有效的瀏覽器為:

  • Firefox 3.5+
  • Chrome 5+
  • Safari 5+
  • IE 9+

使用方式

簡單來說就是在 <head> 區塊中加入 <link rel="dns-prefetch" href="//domain.name/"> 的標籤,例如:

<link rel="dns-prefetch" href="http://www.example.com/">

or

<link rel="dns-prefetch" href="//www.example.com/">

p.s. IE9 是使用 rel="prefetch" (實在麻煩…) ,如果想 cross browser 可能要特別注意(或者乾脆不考慮 IE9 )。

參考資料

Controlling DNS prefetching

對抗久坐職業傷害

研究指出每天增加 2 小時坐著的時間,會增加大腸癌、心臟疾病、肺癌的風險,也造成肩頸、腰背疼痛等常見問題。

然而對抗這些問題,卻只需要工作時定期休息跟伸展身體即可!

你想輕鬆改變現狀嗎?試試看我們的 PomodoRoll 番茄鐘吧! PomodoRoll 番茄鐘會根據你所設定的專注時間,定期建議你 1 項辦公族適用的伸展運動,幫助你打敗久坐所帶來的傷害!

贊助我們的創作

看完這篇文章了嗎? 休息一下,喝杯咖啡吧!

如果你覺得 MyApollo 有讓你獲得實用的資訊,希望能看到更多的技術分享,邀請你贊助我們一杯咖啡,讓我們有更多的動力與精力繼續提供高品質的文章,感謝你的支持!