HTML 的 meta 配置

1.X-UA-Compatible

X-UA-Compatible是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的。 通过在 meta 中设置 X-UA-Compatible 的值，可以指定网页的兼容性模式设置。

在网页中指定的模式优先权高于服务器中(通过 HTTP Header)所指定的模式。 兼容性模式设置优先级：

meta tag > http header

常用的例子：

<meta http-equiv="X-UA-Compatible" content="IE=7">
#以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=8">
#以上代码告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
#以上代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=7,9">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
#以上代码IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame.

京东、淘宝用的就是最后一个。

content = “IE=Edge,chrome=1”

meta 信息中常有这么一句：

<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />

这里的chrome=1不是说 IE 的技术增强了可以模拟Chrome浏览器，而是与谷歌开发的Google Chrome Frame(谷歌内嵌浏览器框架GCF)有关。这个插件可以让用户的 IE 浏览器外观不变，但用户在浏览网页时实际上使用的是 Chrome 的内核，并且支持 Windows XP 及以上系统的 IE6/7/8。

2. 指定双核浏览器优先使用什么内核渲染运行

<meta name="renderer" content="webkit" />

上面的配置说明如果是双核浏览器，优先以 webkit 内核运行。

dns 域名预解析

dns 域名预解析可以提高网页性能，

<link rel="dns-prefetch" href="//static.360buyimg.com" />

dns 域名预解析文章
不同的浏览器对单个域名的最大并发连接数有一定的限制，所以不同的资源需要放到不同的域名上面。这就用到了 dns 域名预解析。
字体文件
自定义字体
自定义图标
webp 图片