javascript - 为什么我的 Ajax 请求比普通的浏览器请求慢很多？

Question

我为 friend 创建了一个网站。因为他希望有一个音乐播放器通过页面加载继续播放音乐，我决定通过 ajax(由 jQuery 提供便利)将内容加载到页面中。它工作正常，当没有 javascript 时它很好地回退，并且后退/前进按钮工作得很好，但它在服务器上慢得可怕。

几点:

1. 初始页面加载速度相当快。 Chrome 开发人员控制台告诉我“index.php”加载大约需要 2.5 秒。我设置了它，以便查询字符串参数指示加载哪个页面，并且这个时间范围对它们都大致准确。对于主页，加载了 8.4KB 的数据。

2. 当我通过 ajax 请求加载内容时，无论下载的数据有多大，都需要大约 20 秒。以这种方式加载的最小数据量约为 500 字节。这里显然不匹配。

所以 Chrome 告诉我绝大部分时间都花在“等待”上，我认为这意味着服务器正在处理请求。所以，我猜这只能意味着我的代码花费了很长时间，或者服务器发生了一些奇怪的事情。我不认为这是我的代码，因为它相当小:

$file = "";
if (isset($_GET['page'])) {
    $file = $_GET['page'];
} else if (isset($_POST['page'])) {
    $file = $_POST['page'];
} else {
    $file = "home";
}

$file = 'content/' . $file . '.php';

if (file_exists($file)) {
    include_once($file);
} else {
    include_once('content/404.php');
}

这是在 content_loader.php 文件中，我的 javascript(在这种情况下)将 GET 请求连同“页面”参数一起发送到该文件。返回 HTML 标记并将其放入页面上的 DIV 中。

我正在使用 jQuery .get() 速记函数，所以我不认为我会在那里弄乱任何东西，而且我相信这不是 Javascript 问题，因为延迟正在等待来自服务器的数据。同样，即使数据非常小，也需要大约 20 秒。

我目前认为这是服务器的问题，但我不明白为什么通过 javascript 发出的请求比通过浏览器发出的传统方式发出的请求慢得多。另外请注意，一些内容页面确实连接到 MySQL 数据库，但有些则没有。页面需要处理什么或包含多少数据似乎并不重要，它只需要大约 20 秒。

我不知所措...有谁知道可以解释这一点的任何事情吗？另外，如果这不是此类问题的正确位置，我深表歉意，其他场所似乎也没有一个特别适合这个问题。

Answer 1

正如我在评论中提到的，反向 DNS 查找绝对有可能。我以前遇到过这个问题，我敢打赌这是您请求缓慢的根源。在常规的 apache 和 vhost 配置以及 .htaccess 中，您需要注意某些 Apache 配置指令。以下是一些希望对您有所帮助的链接:

http://www.tablix.org/~avian/blog/archives/2011/04/reverse_dns_lookups_and_apache/

http://betabug.ch/blogs/ch-athens/933

要查找更多资源，只需谷歌“apache slow reverse dns”之类的东西。

很少的解释

在反向 DNS 查找中，尝试将 IP 地址解析为主机名。大多数情况下，对于像 Apache、SSH 和 MySQL 这样的服务，这是不必要的，而且这是一个坏主意，因为它只会减慢请求/连接速度。最好为您的不同服务查找配置设置，并在不需要时禁用反向 DNS 查找。

在 Apache 中，某些配置设置会导致反向查找发生。 HostnameLookups 和允许/拒绝指定域而不是 IP 地址的规则。有关详细信息，请参阅上面的链接。

正如您在评论中所建议的那样，PHP 脚本一旦最终运行就会快速执行。时间花在等待 Apache 上——最有可能进行反向 DNS 查找，但失败了。您知道问题不在于您的代码，而在于请求中涉及的其他服务。

希望这对您有所帮助!