javascript - $.getJSON 很慢

Question

我正在使用 $.getJSON 来提取对象 list (100 个项目，不是一个大集合)，但 XHR 调用需要 8-10 秒。

想了解我是否缺少某些内容或我可以采取哪些措施来加快我的计划？

Answer 1

在整个请求期间，有很多事情可能会出错。

以下是您可以检查瓶颈的几个值得注意的区域，从请求到响应。

• 您的浏览器/系统/硬件有能力吗？

  由于此操作是 JavaScript，因此较旧的浏览器(如 IE6)、低功耗系统(如上网本)，甚至在给定时间运行过多应用程序的弱设置系统都可能会遭受后果。

• 浏览器是否立即执行任务？还是延迟了？

  繁忙的 JavaScript 是罪魁祸首。 JavaScript 是单线程的，太多的操作可能会导致浏览器陷入困境，并可能延迟排队任务的运行。可能导致这种情况发生的一个示例是，当您的页面包含太多 JavaScript 插件或包含编码不佳的代码时，其中一些甚至可能使用同步操作。

• 可能是 PHP/JSP/[其他一些服务器端语言]？

  是的，可能是这样。例如，PHP 可能针对每个请求进行线程处理，但其代码的操作是同步的。如果一行 PHP 执行时间太长，这就是延迟的一部分。在该行完成之前，服务器将永远不会响应。

• 您是否使用多个/嵌套 SQL 查询？

  深入研究服务器，多个和/或嵌套的 SQL 查询，特别是对于常用的操作，可能会导致进一步的延迟。建议将查询限制为仅应获取的内容，而不是整个记录。如果无法避免嵌套查询，请尝试使用不同的方法来检索该数据。

• 未优化的函数调用

  这适用于服务器端和客户端脚本。过度操作也可能是延误的原因。确定过度冗余的代码并合并/缩短它们。例如，在 JS 中，简单的条件赋值操作可以通过三元运算来完成。

• 循环太多？

  循环过多也是延迟的常见原因之一。 SQL 中的一个错误是在 PHP 中检索所有行并对其进行计数，而不是使用 SQL 中的内置 COUNT()。该错误有两个方面，一是从 SQL 返回了太多数据，二是在 PHP 中计数/循环了太多项目。

• 您使用拨号上网还是什么？

  带宽至关重要，因此大小也很重要。因此，将您的返回数据限制为仅需要的数据。开发人员更喜欢 JSON 的主要原因是它比 XML 更小并且标记内容更小。除此之外，您还可以使用 gzip 压缩来压缩返回数据。