在每个页面上包含javascript文件？

Question

假设我有一个包含多个不共享相同脚本的子页面的页面，那么有关服务器负载和性能的最佳策略是什么？

现在我已将所有javascript文件/插件都包含在所有页面中。但是，例如，subpage1是唯一使用GoogleMaps API的人，subpage2是唯一一个使用灯箱插件的人。

我的页面有时会很拥挤，所以我希望尽可能减少服务器负载。那么，什么是最好的？它甚至重要吗？

Answer 1

考虑从服务器上移除静态内容。

对于像jquery这样的公共JS文件，我只是链接到公共站点，以便谷歌或任何人为它们提供服务。这样可以减轻服务器的负担，加上他们的CDN有机会从靠近客户端的站点提供文件，从而加快了加载速度。

另一个选择是在AWS S3中托管您的静态内容，如JS / CSS / PNG。

Answer 2

你的index.html应该看起来像这样：

<!--#include virtual="header.html" -->
<!--#include virtual="main.html" -->
<!--#include virtual="footer.html" -->

所有必要资产都在header.html文件中，按需资产位于main.html文件中。

（当然，您可以轻松使用PHP或Javascript / jQuery版本。）

Answer 3

实际上，这取决于您的服务器配置。

如果它允许状态304作为响应，那就不会太麻烦，因为内容不会被发回。

如果服务器甚至没有发送像Cache-Control: must-revalidate这样的标题，某些浏览器甚至可以完全避免该请求。