阅读其他Stack Overflow帖子就像这样的问题引出了我对CSS优化的奇怪推荐."Odd"是他们推迟推迟CSS加载的建议,结果如下:
<div class="blue">Hello, world!</div>
</body>
</html>
<noscript><link rel="stylesheet" href="small.css"></noscript>
Run Code Online (Sandbox Code Playgroud)
除了看似过多,令人困惑,HTML无效,并声明"通过javascript维护CSS规则的应用程序顺序".即使没有显示javascript ...我的问题是这样的:
在测试他们的示例并检查结果时,将之后发生的所有代码</html>移到之前</body>.所以我的问题是......为什么?
为什么感动?似乎所有主流浏览器都试图</html>通过将代码移到之前来解释代码</body>.我搜索了一下,找不到任何关于此的文档/标准.
为什么谷歌甚至会推荐这个?如此,这样做有什么实际的实际好处吗?因为我认为把它放在</body>开始之前就足够了.(关于BoltClock的良好主观解释,是否有任何确凿证据表明实际上有性能提升?)
这发生在IE11,Firefox 26,Chrome 32.x和Windows Safari 5.1.7中.检查过的HTML是:
<div class="blue">Hello, world!</div>
<noscript><link rel="stylesheet" href="small.css"></noscript>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
在</html>具有相同结果后添加更多代码.
这让我想起了其他奇怪的错误纠正,比如浏览器如何将<image>标签呈现为<img>(ref)......
更新: 为了测试,我为NOT延迟CSS设置了这个URL,并为延迟CSS设置了这个URL(好吧,我期望那篇文章的意思)......