捆绑 JavaScript 以提高性能:最佳实践

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 提供适用于旅程各个阶段的云产品。开始使用 $200 免费信用额度!

来自 David Calhoun 关于在页面上加载多少脚本以获得最佳性能的性能 建议

[…] 您的一些供应商依赖项可能比其他依赖项变化更慢。 reactreact-dom 可能变化最慢,它们的版本始终配对在一起,因此它们都形成了一个逻辑块,可以与其他变化更快的供应商代码分开。

<script src="vendor.react.[hash].min.js"></script>
<script src="vendor.others.[hash].min.js"></script>
<script src="index.[hash].min.js"></script>

有趣的是,时代并没有发生太大变化!我在 2012 年谈论在任何给定页面上需要加载多少 CSS 文件:一、二或三。我将其分成全局、特定于部分和特定于页面的部分,因此它与第三方代码关系不大,尽管它也可能适用。

直接链接 →