从 AJAX 操作，返回 JSON 或 HTML 是首选？

Question

在我的网站登陆页面上，我正在调用各种 AJAX 操作。但目前性能很差。这些操作是

1. 获取最新文章
2. 获取最新消息
3. 获取最新职位
4. 获取最近添加的用户等

我在仪表板中显示每个 AJAX 操作的所有这些信息。

我的问题是，

从我的 AJAX 操作中，我应该返回 HTML 还是 JSON？从性能和维护的角度来看，哪一个会更好？

我对这些方法有以下几点-

HTML

优点- 1. 将易于编码 2.易于维护。如果仪表板有任何UI变化，使用HTML很容易做到。

缺点- 1. 完整的 HTML 会在客户端发送，性能受到影响。

JSON- 优点- 1. 性能好，因为数据传输大小会更小。

缺点- 1.dashboard的UI变化比较困难，需要修改JS代码渲染逻辑。

我想了解我的假设是否正确。这些方法中是否还有其他要点？

Answer 1

直接加载和嵌入 HTML 与仅发送数据并将其传输到 DOM 结构客户端在性能方面应该没有太大区别。

通常，HTML 页面环境中最大的性能“杀手”是 HTTP 请求 - 与您在客户端执行的所有其他操作相比，它们几乎“永远”。因此，如果您必须为多个此类小部件提取数据，最好将这些数据传输封装到 一个 HTTP 请求中，并让不同的小部件在加载后从那里读取它们的数据。为此，像 JSON 这样的数据格式可能比 HTML 更可取。