javascript - 消除渲染阻塞 javascript - 谷歌开发者建议总结

Question

Google 开发人员工具坚持要求我将 modernizr .js 移动到 </body> 的末尾标签，据我了解，如果我这样做，则 ie8 和 ie7 将不支持 html5 标签。(新版modernizr为旧浏览器启用html5标签支持)

有什么解决办法吗？

谢谢

Answer 1

2017 注意:对于 IE 9 及以下版本中的 Modernizr、html5shiv 和 HTML 5 元素，此原始答案是正确的。您的项目甚至需要 IE9 吗？ IE9 and under accounts for ~0.50% of usage . Microsoft 甚至不再支持这些浏览器，并且自 2016 年 1 月 6 日起不再支持。前往 "Modernizr Download Builder"适本地构建和设置您的 Modernizr 文件和基本 HTML 页面。如果您不需要这个旧的 IE 支持，请删除 html5shiv 并删除将其粘贴在 HEAD 中的需要。

原始答案

这是一个建议，通常应该使用；但是，包含 modernizr.js 文件以启用 HTML 5 的情况必须在 body 标记之前完成。因此，您应该忽略此建议。根据 Modernizr 文档 ( "Installing Modernizer" )，为了获得最佳性能，您应该将它们粘贴在样式表引用之后。

如果您使用 modernizr 包含的 yepnope.js 有条件地加载脚本或进行任何其他类型的设置，这些设置可以在主体关闭之前进行。