reactjs - 여러 HTTP 요청 처리

현재 여러 개의 Cards 가 포함 된 대시 보드에서 작업 중입니다.  그때 각각은 Redux의 store 에 연결됩니다  데이터를 검색 할 엔드 포인트가 있어야합니다. 그래서 Dashboard 에서 componentDidMount  여러 HTTP 요청을 보내고 있습니다 ( axios 사용) ).

문제

총 17 개의 카드가 있습니다. 각 카드마다 새로운 HTTP 연결이 사용됩니다. 모든 카드를 가져올 때 큐가 실제로 작동하는 것을 볼 수 있습니다. 크롬의 6 개 연결 제한이 제대로 작동하고 있습니다. network 에서  탭 연결 제한이 존중되도록 이전 요청이 완료되기를 기다리는 요청을 확인할 수 있습니다.

내 질문은 :

어떻게 해결할 수 있습니까? 연결 제한을 늘릴 수 없으며 원하지 않습니다. UX가 로딩 될 때 명확하게 훼손된 17 개의 카드이기 때문에 병렬로 처리하고 싶습니다.

가능한 솔루션

엔드 포인트의 수를 줄이고, 페이로드가 더 큰 요청을 거의하지 않겠다고 제안했지만 실제로는하고 싶지 않습니다. 사용자가보고 싶은 카드를 선택할 수있게하고, 이렇게하면 결국에는 신경 쓰지 않는 데이터를 가져와야합니다.

이것을 달성하기 위해 HTTP 이외의 것을 사용할 수 있습니까? )?

그러면 어떻게 생각하세요? 내가 놓친 것이 있습니까?

sockets