所以，我现在已经完成了我网站中的 JS。它涉及到jQuery（以及像这样的.ready init）页面有两部分，上层主要是谷歌地图，下层是输入表单。
所有这些目前都在一个.js 中，函数、初始化、迭代等等。它的结构很好，一切都做得很好。
然而，我的问题是：什么是好的结构？我应该将上半部分放在一个文件中，将下半部分放在另一个文件中吗？或者我应该将所有需要的初始化放在 .ready() 下并将所有函数放在另一个文件中？还是我应该将所有内容保存在一个不断增长的文件中？
问问题
236 次
3 回答
2
从性能的角度来看，按照其他答案的建议，将所有 JS 在一个文件中提供给浏览器是明智的。但是，以这种方式构建代码并非如此，每个“类”都应该在一个单独的文件中，将内容分成实体和一个或两个控制文件来处理实际的页面调用 - 与任何其他语言相同。然后可以将这些组合到一个文件中，以便提前或动态提供 - 最好也最小化。
于 2010-11-23T14:49:27.387 回答
1
将脚本调用保持在最低限度可以提高处理时间——每个脚本包含都是一个增加时间的往返。所以——个人喜好，只要你不关心页面加载时间。
雅虎加速网站的最佳实践从最小化 HTTP 请求开始：
80% 的最终用户响应时间都花在了前端。大部分时间都用于下载页面中的所有组件：图像、样式表、脚本、Flash 等。减少组件的数量反过来会减少呈现页面所需的 HTTP 请求数量。这是加快页面速度的关键。
减少页面中组件数量的一种方法是简化页面的设计。但是，有没有一种方法可以构建内容更丰富的页面，同时实现快速响应时间？这里有一些技术可以减少 HTTP 请求的数量，同时仍然支持丰富的页面设计。
组合文件是一种减少 HTTP 请求数量的方法，方法是将所有脚本组合成一个脚本，类似地将所有 CSS 组合成一个样式表。当脚本和样式表因页面而异时，组合文件更具挑战性，但将这部分作为发布过程的一部分可以提高响应时间。
于 2010-11-23T14:44:15.147 回答
0
就个人而言，我更喜欢将所有代码保存在一个文件中，因此浏览器只需要获取一个文件，而不是两个/三个/四个/什么。
但我认为这取决于个人喜好。
于 2010-11-23T14:22:32.587 回答