使用DNS预获取 dns-prefetch来提升网页加载速度

我们知道,DNS的解析需要时间,在进行提升网页加载速度的优化时,要考虑到DNS的解析时间在内。那么,怎么样进行优化呢?有2种方法:减少DNS请求数或者使用DNS预获取技术。

DNS预获取技术,即提前进行DNS加载,来提高页面打开速度。比如你打开主页时,预加载内页的DNS解析,就可以提高内页的加载速度。

DNS预获取技术可以如下设置:

<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//www.zhix.net">
<link rel="dns-prefetch" href="//api.share.zhix.net">
<link rel="dns-prefetch" href="//bdimg.share.zhix.net"> 

目前大多数浏览器已经支持此属性,支持版本如下:
– 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 http-equiv="x-dns-prefetch-control" content="off">

值得提醒的时,DNS预获取技术虽然能提高网页加载速度,但也会增加DNS服务器的负担。

分享
2019-07-27 06:43:03 没有评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注