前端优化:DNS预解析提升页面速度
2016-02-22 14:46
477 查看
文章转自:http://ytuwlg.iteye.com/blog/429611
DNS 实现域名到IP的映射。通过域名访问站点,每次请求都要做DNS解析。目前每次DNS解析,通常在200ms以下。针对DNS解析耗时问题,一些浏览器通过DNS Prefetch 来提高访问的流畅性。
什么是 DNS Prefetch ?
DNS Prefetch 是一种DNS 预解析技术,当你浏览网页时,浏览器会在加载网页时对网页中的域名进行解析缓存,这样在你单击当前网页中的连接时就无需进行DNS的解析,减少用户等待时间,提高用户体验。
目前支持 DNS Prefetch 的浏览器有 google chrome 和 firefox 3.5
那么在服务端如何控制浏览器端对域名进行预解析那?
如果要浏览器端对特定的域名进行解析,可以再页面中添加link标签实现。例如:
Java代码
<link rel="dns-prefetch" href="www.ytuwlg.iteye.com" />
如果要控制浏览器端是否对域名进行预解析,可以通过Http header 的x-dns-prefetch-control 属性进行控制。
可惜目前支持上面标签的只有 google chrome 和 firefox3.5
关于google chrome 中 DNS Prefetch 详细资料可参见:
http://dev.chromium.org/developers/design-documents/dns-prefetching
在chrome 中可通过在地址栏中输入 about:histograms/DNS.PrefetchFoundName 和 about:dns 来查看当前浏览器的预解析数据。
DNS 实现域名到IP的映射。通过域名访问站点,每次请求都要做DNS解析。目前每次DNS解析,通常在200ms以下。针对DNS解析耗时问题,一些浏览器通过DNS Prefetch 来提高访问的流畅性。
什么是 DNS Prefetch ?
DNS Prefetch 是一种DNS 预解析技术,当你浏览网页时,浏览器会在加载网页时对网页中的域名进行解析缓存,这样在你单击当前网页中的连接时就无需进行DNS的解析,减少用户等待时间,提高用户体验。
目前支持 DNS Prefetch 的浏览器有 google chrome 和 firefox 3.5
那么在服务端如何控制浏览器端对域名进行预解析那?
如果要浏览器端对特定的域名进行解析,可以再页面中添加link标签实现。例如:
Java代码
<link rel="dns-prefetch" href="www.ytuwlg.iteye.com" />
如果要控制浏览器端是否对域名进行预解析,可以通过Http header 的x-dns-prefetch-control 属性进行控制。
可惜目前支持上面标签的只有 google chrome 和 firefox3.5
关于google chrome 中 DNS Prefetch 详细资料可参见:
http://dev.chromium.org/developers/design-documents/dns-prefetching
在chrome 中可通过在地址栏中输入 about:histograms/DNS.PrefetchFoundName 和 about:dns 来查看当前浏览器的预解析数据。
相关文章推荐
- angular 表单验证 遇到问题总结
- iOS开发 Referer
- fastJson的使用
- jQuery mobile基础
- caffe for windows 下使用caffemodel 实现cifar10的图像分类
- jsp登录页面捕获enter键,实现登录操作
- jquery和js 学习(推荐比较好的网站)
- ps切图(8)——精准切图
- jsp状态管理(Cookie Session)学习笔记整理
- JS红色警戒
- 如何用JS判断网页中某个id的网页元素是否存在
- js获取URL参数
- jsp 内置对象总结
- js for循环输出i为同一值得问题
- JS调试必备的5个debug技巧(转)
- jQuery源码解析(1)—— jq基础、data缓存系统
- 新发现。css3控制浏览器滚动条的样式
- jquery 如何使用innerHTML
- 基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
- js 判断空格并去除空格