我是否需要为每个页面分隔javascript？

Question

我有4种类型的js文件，这里是列表：

bookmark.js，status.js，auth.js和photo.js

问题：

我应该只为特定页面加载js还是我会将所有内容编译成1个js？

如果我为每个页面使用特定的j，会影响加载网页吗？

Answer 1

所以，这完全取决于你正在寻找的东西。

如果您正在寻找加载速度，我认为最好的解决方案是将它们分开，它将允许浏览器异步加载多个js文件。

但是，如果你需要拥有最聪明的代码，你应该将它们保存在一个文件中，试着越来越多地减少它。

请记住，您应该只考虑生产代码，最好让不同的文件处理它们。

正如您所看到的，如果您尝试第一种方法，那么您在页面加载时会更快。一个例子是需要加载大量js文件的Web应用程序。

加载3MB的1MB文件总是会加载一个3MB的文件，因为它们会在同一时间开始加载。

另一种方法是在页面需要时加载js文件，但请记住，在这种情况下，如果你有大的js文件，客户端在你工作的网站上冲浪时会看到很多负载。

您可以在此处详细了解js file managment

Answer 2

您使用的是像AngularJS这样的JavaScript前端框架吗？如果您真的只想包含所需的JS文件，那么您可以这样做。

Answer 3

如果所有html页面都使用单独的javascript文件，最好将它们分开。根据用户的操作，它们将在浏览器端缓存。

要优化加载时间，您可以执行以下操作

1. 在脚本代码中使用async，以便不会阻止其余部分 页面和，
2. 对所有这些使用javascript缩小，这将减少文件的大小并减少http有效负载。