前端优化系列之一：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 提升页面载入速度相关推荐

06_前端优化系列之一_DNS预获取dns-prefetch提升页面载入速度
title: 前端优化系列之一:DNS预获取 dns-prefetch 提升页面载入速度 urlname: 06_前端优化系列之一_DNS预获取dns-prefetch提升页面载入速度 date: 2 ...
前端优化系列之DNS预获取 dns-prefetch 提升页面载入速度
前端优化系列之一:DNS预获取 dns-prefetch 提升页面载入速度 DNS Prefetch,即DNS预获取,是前端优化的一部分.一般来说,在前端优化中与 DNS 有关的有两点: 一个是减少D ...
前端优化系列:DNS预获取 dns-prefetch 提升页面载入速度
DNS Prefetch,即DNS预获取,是前端优化的一部分.一般来说,在前端优化中与 DNS 有关的有两点: 一个是减少DNS的请求次数,另一个就是进行DNS预获取 . DNS 作为互联网的基础协议 ...
使用dns-prefetch做DNS预获取提高前端性能
在查看微信页面源代码时,发现了一下代码 <link rel="dns-prefetch" href="//res.wx.qq.com"> 凭借着自己 ...
html5 link prefetch,dns预获取（dns-prefetch）link rel=＂dns-prefetch＂优化载入速度
dns预获取(dns-prefetch)link rel="dns-prefetch",DNS Prefetch也就是DNS预获取.设置DNS预获取(dns-prefetch)有两 ...
百度App网络深度优化系列（一）：DNS优化
一.前言网络优化是客户端几大技术方向中公认的一个深度领域,所以百度App给大家带来网络深度优化系列文章,其中包含系列<一>DNS优化,系列<二>连接优化,系列<三> ...
前端优化系列之浏览器渲染
浏览器渲染一共有五步处理 HTML 并构建 DOM 树处理 CSS构建 CSSOM 树将 DOM 与 CSSOM 合并成一个渲染树根据渲染树来布局,计算每个节点的位置调用 GPU 绘制,合成 ...
instant.page —— 一个 JS 脚本实现网站预加载，提升页面加载速度
instant.page 使用即时预加载技术,在用户点击之前预先加载页面.当用户的鼠标悬停在一个链接上超过 65 毫秒时,浏览器会对此页面进行预加载,当用户点击链接后,就从预加载的缓存中直接读取页面内 ...
HTML5 API详解（7）:link prefetch提升加载速度，优化体验
链接预取:浏览器会自动在后台把你需要加载的页面下载下来,当用户要点击进入该页面的时候,浏览器会从缓存把这个页面取出来,页面的加载速度就会加快. 标签属性:rel='next' 页面预加载很简单,只需要 ...

前端优化系列之一：dns预获取 dns-prefetch 提升页面载入速度

前端优化系列之一：dns预获取 dns-prefetch 提升页面载入速度相关推荐

最新文章

热门文章