常见问题JQ/PHP

Question

在打开和处理过程中，哪个更快：

拥有少于一个文件的所有jquery函数

将每个函数添加到一个单独的文件中，并在需要时调用它？

例如。我有一个包含4个函数的blabla.js文件。还有我调用blabla.js的xaxa.php。

现在，当我第一次打开我的页面时，它已经足够快了。没有问题(即使清除了cookies和所有内容)

但是..。当我第一次(以及之后)点击一个按钮来激活我的blabla.js的一部分时，我所有的链接和功能的打开/工作都变慢了。

那么，我是否应该分离我的函数并加载每个js文件到我需要它的地方，或者我的问题出在其他地方？

谢谢

(正如我所说的，我开始怀疑我的结构中的一些东西)所以这是我的jq的一个示例：

$(document).ready(function(){
 $(".avoid_ref_add").click(function(){
  var keyValues = {
    pid : $(this).parent().find('input[name="pid"]').val()
    };
      $.post('help_scripts/cartfunct.php', keyValues, function(rsp){
        $('#content').load("p_body.php");
      });
 return false;
 });
function remove
function update
});

我有我的items.php items2.php items3.php...

现在，我的曲奇没有清除缓存...当我第一次打开网站时，它加载得很快，所有的链接都很快…

但是如果我点击add按钮，一切都开始变得非常缓慢...

如果我只是刷新整个页面，它又开始快速工作，依此类推……

对我来说很奇怪，我不知道我做错了什么。因为如果页面很慢，第一次加载时就不会很快...对，是这样?是不是我的代码里有什么？

Answer 1

你应该把你所有的javascript放在一个javascript文件中。

这个文件可以使用gzip压缩和遥远的过期报头来限制带宽使用(并导致更快的页面加载)。你甚至可以在你的javascript上运行一个最小化程序来减小文件大小。

你真正要求的是最小化/优化的艺术，这篇文章是一篇很好的读物：http://developer.yahoo.com/performance/rules.html

Answer 2

显然，将所有JS函数保存在一个文件中会更好，而且这样会更快。考虑一下，当需要调用不同的函数时，您希望避免命中对服务器造成的延迟

Answer 3

执行速度不应该受到你在文件中分配函数的方式的影响。但是，当需要下载的文件较少时，与页面相关的所有资源的下载速度会更快。这是因为每个HTTP请求都有一个HTTP请求头，每个HTTP响应都有一个HTTP响应头。如果不使用HTTP的keep-alive功能，则为每个请求建立TCP连接会产生额外的开销。