Why is my REST SPA making too many http requests?

Question

Vue.js

When visiting a certain page, my SPA, made according to the REST architecture, makes a separate http request for each individual entity (products, users, clients ... etc.). In general, according to the REST architecture, this is how it should be. What are some ways to reduce the number of requests to the server? I am not familiar, but I heard about SSR and GraphQL, maybe they will help somehow or if there are any other ways I would be grateful if you tell me. I wanted to make one request, and then everything would come from the server together.

Answer 1

For REST, you can return all the data associated with an entity or a collection of entities with a request:

{
  posts: [ ... ],
  linked: {
    users: { ... }.
    comments: { ... },
    tags: { ... },
  }
}

On the server side, you can stack data in window:

<script>
  window.__INITIAL_STATE__ = { ... };
</script>

Answer 2

And what problems do you have with the number of requests?
What's the difference between a bunch of small parallel requests or one big one?

Answer 3

Make 1 more endpoint that triggers others?
Those. some analogue of VK execute, which accepts method names, parameters and returns a general result, you can connect the JS engine to work out the result in the desired format