我为朋友创建了一个网站。因为他希望音乐播放器通过页面加载继续播放音乐,所以我决定通过 ajax(由 jQuery 促进)将内容加载到页面中。它工作得很好,当没有 javascript 时它很好地回退,并且后退/前进按钮工作得很好,但它在服务器上的速度非常慢。
几点:
初始页面加载相当快。Chrome 开发者控制台告诉我“index.php”在大约 2.5 秒内加载。我进行了设置,以便查询字符串参数指示加载哪个页面,并且这个时间范围对它们来说大致准确。对于主页,加载了 8.4KB 的数据。
当我通过 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 秒。
我不知所措...有没有人知道可以解释这一点的任何事情?另外,如果这不是此类问题的正确位置,我深表歉意,其他场所似乎也没有特别适合该问题。