在不同页面中加载 javascript 的最佳（快速）方法是什么？答案

【问题标题】：What's the best (fast) way to load javascript in different pages?在不同页面中加载 javascript 的最佳（快速）方法是什么？
【发布时间】：2015-09-10 13:29:33
【问题描述】：

在不同页面中加载快速 javascript 的最佳方式是什么？我的自定义 javascript 是否应该为每个页面分开，或者所有自定义 javascript 应该只出现在 1 个通用 custom.js 文件中，并将此文件包含在页脚中？

require_once($header);
include_once($page2.php);
require_once($footer); 
<script src="js/custom-page2.js"></script>//separate for each page

require_once($header);
include_once($page1.php);
require_once($footer); 
<script src="js/custom-page1.js"></script>//separate for each page

或

//in footer.php include all js in 1 file
<script src="js/all-custom.js"></script>

【问题讨论】：

你可以找到它here
记住页面加载的速度。如果您有很多不必要的功能，请保持文件简短且特定于页面。

标签： javascript php jquery html browser-cache

【解决方案1】：

如果所有页面使用一个脚本共享相同的脚本会更好。

如果他们使用不同的脚本，您可以删除每个页面不需要的内容并节省 HTTP 请求。

或两者兼而有之。

所以...这取决于？

基本规则：不需要就不要加载。

【讨论】：

【解决方案2】：

我建议您按以下顺序创建 html 页面：

HTML 全部包装
头部（例如一页有样式）
主体：
- Javascript 模块
- 主 HTML DOM
- Javascript DOM 修改器和启动器

类似这样：

<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <script type="text/javascript" src="modules.js"></script>
    <div class="body"></div>
    <script type="text/javascript" src="functions.js"></script>
</body>
</html>

【讨论】：

【解决方案3】：

最好把所有的js放到header中（至少理论上浏览器不会渲染页面，直到所有的头文件都加载完毕）。
浏览器（代理等）将缓存您的 js，因此不会在每次请求时都从您的站点获取它。浏览器只会检查文件是否已更改。
在大多数情况下，浏览器会为所有请求保持单一连接，但是如果每个 js 文件没有更改，它仍然需要请求它。我在开发过程中将 js 逻辑保存在单独的小文件中，然后我将它们合并用于生产。

【讨论】：