如何在AJAX密集的Web應用程序中減少HTTP請求的數量？

Question

我正在構建一個MVC javascript應用程序，它在前端有大部分邏輯，后端只有API，前端有模態。

但是，我認為存在一些設計和性能問題。 考慮以下RESTful后端的情況：

1. 用戶向第一個HTML頁面發出GET / ，包括Javascript應用程序。
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"
            }
        ]
    }
]