ie metatag触发边缘模式的最佳位置

时间:2012-03-22 00:05:13

标签: html5 performance internet-explorer meta-tags microsoft-edge

有建议说元标记声明编码应该尽可能早,最好先在头部像这样:

<head>
  <meta charset="utf-" /><!-- Yes I like XHTML syntax, get over it -->
  <title></title>
  <!-- The usual suspects -->
</head>

现在我想知道它是否有任何可辨别的效果在这个流程中我放了

<meta http-equiv="X-UA-Compatible" content="IE=edge">

我没有阅读任何研究的可能问题/问题:

  • 性能
  • 切换前的旧布局引擎布局的Flash ...

Instinct告诉我尽早放置元标记,但有没有确凿证据?

1 个答案:

答案 0 :(得分:1)

不是一个确凿的证据,而是一个我的理论:由于文件还没有一个主体,头元素完成后没有任何油漆或流动。解析body元素并开始绘制时,应该已经处理了X-UA-Compatible指令。所以当Stylesheets出现时,它应该没关系。

然而,

脚本阻止解析并在它们出现时执行,除非它们使用defer属性并且IE版本支持它。

有人可能会说延迟回调会得到改变;我考虑了onContentLoaded回调,window.onload回调和包含setTimeout的回调。因此,当谈到脚本时,X-UA-Compatible元的位置很重要。用这个做一些测试真的很有趣。

如果脚本放在body元素的底部,就像Souders建议的那样,它应该不是问题。

在一天结束时,最灵活的解决方案是跳过元素,而是使用HTTP标头。这就是我要做的。