DataTables AJAX 性能:加载数据时间过长

DataTables AJAX Performance: Data Takes Too Long to Load

提问人:Victor Berson 提问时间:11/10/2023 更新时间:11/10/2023 访问量:21

问:

我正在使用我网站后台的 DataTables 库来显示动态数据表。虽然一切正常,但数据加载时间过长。我正在使用 AJAX 选项来检索数据,但至少需要 5 秒才能显示。

var table = $('#myTable').DataTable({
  ajax: '../../api/adminConsulter.php'
});

分析浏览器控制台,我发现加载库大约需要 1.3 秒,而实际数据加载需要 5.11 秒。有趣的是,以 JSON 格式发送数据的脚本在直接打开时会在几毫秒内加载(没有 AJAX 请求),而我没有那么多要加载的脚本(大约 500 行,代表 480kb)。

我已经检查了浏览器控制台以识别瓶颈。加载库需要时间,但这不是唯一的问题。

我观察到脚本在直接打开时以 JSON 格式发送数据的速度很快,排除了与脚本相关的问题。

关于如何使用 AJAX 选项改善 DataTable 的数据加载时间的任何建议?

JavaScript PHP JSON 性能 数据表

评论

0赞 ADyson 11/10/2023
听起来数据表中的实际渲染速度很慢。除非网络请求很慢?但听起来你已经排除了这一点。如果 DataTable 是问题所在,那么它可能会向该库的维护者提出
1赞 CBroe 11/10/2023
如果您只是查看了直接请求时 JSON 资源的加载速度,那么您实际上还没有排除任何可能性。检查它是否也加载得那么快,当它被库请求时,而不是“直接”。(也可能这种情况,但您仍然应该验证它。

答: 暂无答案