使用DNS Prefetching加速网页

什么是DNS Prefetching?

在网站性能优化方面,大家都知道可以使用多个域名加载静态资源文件,解决一个域名下并发请求数的限制,同时也不会附带不必要的cookie. 但也并非域名越多越好,多个域名将增加DNS的解析时间。另外,在你的站点中,链接出去的也可能是其他域名。DNS解析所花费的时间变化很大,延时范围从大约1毫秒到以常见的几秒钟时间。DNS Prefetching就是为了加速DNS解析时间,它实现了预解析功能,从而减少后面资源的加载时间。

如何使用?

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

非常简单,在网页头部增加rel属性为”dns-prefetch”的link标签,并在href中指定想要预解析的域名。

Example:

<html>
	<head>
		<link rel="dns-prefetch" href="//www.domain1.com">
		<link rel="dns-prefetch" href="//www.domain2.com">
	</head>
	<body>
		<img src="www.domain1.com/image1.jpeg">
		<script src="www.domain2.com/script1.js">
	</body>
</html>

当你网站包含多个域名时,这个是一个非常实用的功能,现在就开始使用吧。

浏览器支持:

Firefox 3.5+, Chrome, Safari 5+ and IE 9+

参考链接:
The Chromium Projects – DNS Prefetching
Controlling DNS prefetching

5 comments on “使用DNS Prefetching加速网页

发表评论

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