SPA中有大量的Web API调用

Question

我们在Angular 5中构建了一个单页面应用程序，使用前端和Web API中的一些PrimeNg组件从后端获取数据。我们正在尝试提高应用程序的性能，我们注意到其中一个页面有30个不同的API调用（当然，它有8到9个不同的PrimeNg组件可以在页面上显示）。那么，问题是如果我们以不同方式组织呼叫（即通过组合一些呼叫减少呼叫），性能会提高吗？寻找有关多少API调用太多的单页应用的最佳做法？还想看一些流行的单页应用，看看他们是否制作了太多的小API调用。几个大电话？

Answer 1

如果减少请求数量，性能将增加，因为浏览器限制了对同一主机的并发请求数，因此在发出新请求之前需要一些响应。

Answer 2

浏览器对最大并发请求有限制，因此排队的请求多于阈值，这会增加响应时间。

有多少API调用太多了？

Firefox 2:  2
Firefox 3+: 6
Opera 9.26: 4
Opera 12:   6
Safari 3:   4
Safari 5:   6
IE 7:       2
IE 8:       6
IE 10:      8
Chrome:     6  

因此，提高性能的第一步是减少对服务器的同时请求数。