javascript - 使用 Modernizr 加载 HTML5 Shiv 的性能

Question

我的站点使用 Modernizr 并需要 HTML5Shiv 和 PrintShiv。不使用 Modernizr 加载这些 shivs 而是通过 IE 条件加载它们是否有任何性能优势？显然使用 Modernizr 更干净，但我更关注性能。

Answer 1

我自己很好奇，所以我设置了一些测试页面。

如果您的站点只需要 HTML5Shiv 和来自 modernizr 的 PrintShiv，那么使用 IE 条件仅加载 html5shiv-printshiv.js 将比始终为所有其他浏览器加载 modernizr (lt IE 9) 执行得更好。因此，在您的情况下，您可能应该停止使用 modernizr，而只是在有条件的情况下使用 shiv。

对于需要 shivs 的 IE 浏览器，使用 modernizr 和仅使用 html5shiv 之间的负载/性能是相等的。在现代 IE 浏览器(IE9 和 IE10)上可以看到仅使用 html5shiv 的性能提升

测试页面:

• 仅限 html5shiv-printshiv:http://jsbin.com/upozar/1
• 自定义 modernizr:http://jsbin.com/erodog/1

使用 IE9/Cable 的测试报告:

• 仅限 html5shiv-printshiv:http://www.webpagetest.org/result/130131_PG_11S8/
• 自定义 modernizr:http://www.webpagetest.org/result/130131_JG_11SE/

比较那些完全加载的测试，我们使用 html5shiv-printshiv.js 节省了 1.677 秒

Modernizr 更新:阅读 Docs on Performance Considerations正在 Modernizr 的 GitHub 项目的问题单中起草以获取更多详细信息。