javascript - 如何减少 AJAX 密集型 Web 应用程序中的 HTTP 请求数量？

Question

我正在构建一个 MVC javascript 应用程序，该应用程序的大部分逻辑都在前端，仅在后端保留 API，而在前端保留模式。

但是，我认为存在一些设计和性能问题。考虑以下使用 RESTful 后端的情况:

1. 用户问题 GET /用于包含 Javascript 应用程序的第一个 HTML 页面。
2. 页面加载 Javascript 应用程序，发出 GET /api/articles?limit=30以 JSON 格式提取前 30 篇文章，这些文章将通过 Javascript 应用程序呈现给浏览器。
3. 每篇文章都有评论。所以每篇文章都会单独发出一个ajax请求GET /api/article/<article_id>/comments获取也要渲染的相关评论。

这样一来，单页面访问的请求已经超过了30个，这会导致大量的HTTP开销，看起来不太正确。

有人可以推荐正确的方法吗？我设计有问题吗？ RESTful 后端在这种情况下有用吗？对于 JavaScript 密集型前端和后端 API 之间的通信架构还有哪些其他建议？

Answer 1

不确定您的后端使用什么框架，但后端会查询您的所有文章，并且还包括(例如)每篇文章的最新 3 条评论。

/api/articles?limit=30 返回的 JSON 可能如下所示:

[
    {
        title: "Article Title",
        comments : [
            {
               comment: "Hi",
               author: "Me"
            }
        ]
    }
]