我总是在 JS 优化时想到这个问题，现在大多数人通过使用 Less、Sass 或其他方法将所有 CSS 合并到单个文件中。但是对于 JS 我有点犹豫，因为有插件、框架和你自己的代码。只是想知道是否有可采用的规则或最佳实践。
所以我应该将所有 JS 合并到一个 JS 中，包括插件、框架、库和我自己的代码，或者使它们相应地模块化。
我知道这可能取决于项目的规模，但是衡量标准是什么以及何时应该将所有内容合并为一个或模块化。有什么规则我应该遵守吗？
任何建议表示赞赏。
组合并缩小您自己开发的 JavaScript 通常是一个好主意。如果请求太多（特别是有多个小文件时），多个 HTTP 请求可能会减慢加载时间。 Google PageSpeed Insights 提供了一些有关如何操作的指南here.
As @veroxii说，大多数人最终都会使用“构建”，因为手动缩小和组合所有内容将浪费大量时间。对于我工作的小型网站，实际上没有内置的缩小系统，我喜欢使用gulpjs随着吞咽丑化 and 吞咽连接缩小并组合 javascript 资源。
但在组合时必须小心，因为很多时候，脚本会依赖于其他脚本。假设您有两个组合的脚本，其中 scriptB 依赖于 scriptA。如果浏览器在 scriptA 之前加载并运行 scriptB，因为它在组合文件中排在第一位，那么就会发生不好的事情。要么小心你的脚本组合，要么使用类似的东西要求.
当使用从 CDN（如 jQuery）加载的第三方脚本时，除了使用它们提供的生产 script.min.js 资源之外，您实际上无法在缩小或组合方面做太多事情。您可以下载他们的脚本并将其放入缩小过程中，但大多数用户更有可能已经通过浏览器缓存了 CDN 版本。
对于 JavaScript 来说，最重要的事情是确保脚本的加载不会阻止页面的渲染。大多数 JavaScript 没有内容就毫无用处，那么为什么不先加载内容，然后再在脚本中加载呢？用户将首先看到内容，然后进行交互，因此按该顺序加载这些资源可能是个好主意。更多相关内容请点击这里。将脚本标签放在页面底部，使用async属性，或者使用异步 javascript 加载器，例如loadJS或requirejs。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
