>

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

문제

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

내 질문은 :

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

가능한 솔루션

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

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

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

sockets

  • 답변 # 1

    서버에서 HTTP/2를 활성화하십시오. 그러면 병렬 요청 수의 한계가 훨씬 높아집니다. 이는 특정 도메인에 대한 HTTP/2 요청이 여러 요청을 동시에 다중화하는 것을 지원하는 단일 연결에서 이루어지기 때문입니다.

    그 외에도, 요청을 하나 이상의 배치로 그룹화 할 수 있으므로 브라우저의 관점에서 요청 수가 제한됩니다.

  • 이전 apache - Hyper-V에 설치된 웹 서버에 액세스하는 방법
  • 다음 kubernetes - Ingress로 Grafana의 URL을 다시 작성하려고합니다