我是否需要为每个页面分开JavaScript？

Question

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

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

问：

我应该加载js只针对特定页面，否则我会将所有内容编译为1个js？

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

Answer 1

您是否使用过AngularJS等JavaScript前端框架？如果你真的只想包含所需的JS文件，你可以做到这一点。

Answer 2

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

要优化加载时间，你可以做以下

1. 使用async脚本标记内部，它不堵 页的休息，
2. 使用的所有的人的JavaScript缩小，这将降低文件大小并减少http有效负载。

Answer 3

所以，这取决于您的需求。

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

但是，如果你需要有最聪明的代码，你应该把它们放在一个单独的文件中，试图减少它越来越多。

请记住，你应该只考虑你的生产代码，绝对是更好的有不同的文件对他们的工作。

正如你可以看到，如果你尝试第一种方法，你会更快的页面加载。一个例子是一个需要加载大量js文件的web应用程序。

加载3MB的文件总是更快，加载一个3MB的单个文件，因为它们将在同一时间开始加载。

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

在这里，你可以阅读更多有关js file managment