在网页体验中我们常会遇到这种情况，即在调用百度联盟、谷歌联盟以及当前网页所在域名外的域名文件时会遇到请求延时非常严重的情况。那么有没有方法去解决这种请求严重延时的现象呢？一般来说这种延时的原因不会是对方网站带宽或者负载的原因，那么到底是什么导致了这种情况呢

对于网站访问速度，我们永远不满足，就包括我也一样，从优化角度来说，我 网站优化 的速度还算不错。但是这还是不够，下面来介绍下 dns-prefetch 。我之前讲解过很多大型的网站，都会用N个CDN域名来做图片、静态文件等资源访问。上面说了那么多，下面来介

link元素规定了外部资源与当前文档的关系。常用于链接样式表，创建网站图标，预加载资源等。链接样式表<link href="main.css" rel="stylesheet">创建站点图标<lin

DNS 预读取是一项使浏览器主动去执行域名解析的功能，其范围包括文档的所有链接，无论是图片的，CSS 的，还是 JavaScript 等其他用户能够点击的 URL。因为预读取会在后台执行，所以 DNS 很可能在链接对应的东西出现之前就已经解析完毕。强制对域

对于网站访问速度，我们永远不满足，就包括我也一样，从优化角度来说，我 网站优化 的速度还算不错。但是这还是不够，下面来介绍下 dns-prefetch 。dns-prefetch介绍DNS解析场景 我之前讲解过很多大型的网站，都会用N个CDN域名来做图片、

在网页体验中我们常会遇到这种情况，即在调用百度联盟、谷歌联盟以及当前网页所在域名外的域名文件时会遇到请求延时非常严重的情况。那么有没有方法去解决这种请求严重延时的现象呢？一般来说这种延时的原因不会是对方网站带宽或者负载的原因，那么到底是什么导致了这种情况呢

DNS-prefetch 作用简单说明就是当你浏览网页时，浏览器会加载网页时对网页中的域名进行解析缓存，这样在你单击当前网页链接无需DNS解析，减少浏览者等待时间，提高用户体验。目前使用有“淘宝”、“支付宝”、京东，都有对图片域名进行dns-prefetc

DNS 请求需要的带宽非常小，但是延迟却有点高，这点在手机网络上特别明显。在某些情况下，延迟能减少一秒钟。在某些浏览器中这个预读取的行为将会与页面实际内容并行发生。正因如此，某些高延迟的域名的解析过程才不会卡住资源的加载。在某些图片较多的页面中，在发起图片

从字面意思可以知道大概是DNS预获取的作用，但是这样做的目的是什么呢？查了一下，原来这样做是前端在DNS优化的一种措施。这样做，浏览器在载入该页面时就会先尝试解析域名并缓存之，从而提高网站的速度。

相信大家都会非常喜欢这个特性，无须服务器端的检测，使用浏览器的本地功能就可以帮助你判断电子邮件的格式，URL，或者是电话格式，防止用户输入错误的信息，通过使用HTML5的pattern属性，我们可以很方便的整合这个功能，代码如下：。<input ty

话不多说，来看看有哪些选项；·合并引用的css、javascript，并使用压缩模式，这个很好理解吧；·合并页面引用的小图标，也就是合成一张图片，引用背景图片定位，俗称雪碧图；·使用按需加载，scroll加载的处理方式；·减少http请求，全局使用，缓存一

DNS预热一次DNS解析耗时20-120ms, 当网页中使用的域名较多时，DNS预热节省的时间还是非常可观的先看效果预热的目的：减少请求次数提前对DNS预获取预热的方式爬虫APP网页meta<meta http-equiv="x-dns-pr