前端优化系列之一:dns预获取 dns-prefetch 提升页面载入速度
生活随笔
收集整理的這篇文章主要介紹了
前端优化系列之一: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">
轉載于:https://www.cnblogs.com/Lolita-web/p/10191103.html
總結
以上是生活随笔為你收集整理的前端优化系列之一:dns预获取 dns-prefetch 提升页面载入速度的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 十字刀刃上的凹槽有什么用
- 下一篇: 换刹车油多少钱啊?