javascript - 为每个 html 页面使用单独的 javascript 文件？

Question

通常，主页的javascripts比其他页面重。例如，我们将 jQuery slideshow 放在主页面中，其他页面不会使用它。是否有必要为主要页面和各个页面创建不同的 s 以仅包含运行中的 javacript 文件？

或者所有在第一页读取的javascript文件都会被缓存用于浏览网站，而在加载单个页面时，浏览器不会读取幻灯片的javascript？

这个问题的另一种形式是:如果我在每个单独的页面上放幻灯片，浏览器会每次加载幻灯片 javascript 文件，还是从缓存(保存在访问者计算机上)中读取？

Answer 1

就像 florian h 所说的那样，大多数浏览器都会缓存内容(除非正在使用开发工具)。

如果您只在一个页面上使用幻灯片 javascript，我建议将其放在一个单独的文件中。这有一个缺点，大多数情况下，http 请求加载文件所花费的时间最长。

因此，例如，如果您有一个 1mb 的 javascript 文件，并且您需要大多数页面上的所有 javascript，那么最好使用 4 个较小的文件，每个文件 250kb。因为您的浏览器需要执行 4 个单独的请求。

当然，这可能是几毫秒的性能利润差异，因此您可能希望选择在单独的文件中执行此操作以提高可维护性。