홈>
현재 여러 개의
Cards
가 포함 된 대시 보드에서 작업 중입니다.
그때 각각은 Redux의
store
에 연결됩니다
데이터를 검색 할 엔드 포인트가 있어야합니다. 그래서
Dashboard
에서
componentDidMount
여러 HTTP 요청을 보내고 있습니다 (
axios
사용)
).
문제
총 17 개의 카드가 있습니다. 각 카드마다 새로운 HTTP 연결이 사용됩니다. 모든 카드를 가져올 때 큐가 실제로 작동하는 것을 볼 수 있습니다. 크롬의 6 개 연결 제한이 제대로 작동하고 있습니다.
network
에서
탭 연결 제한이 존중되도록 이전 요청이 완료되기를 기다리는 요청을 확인할 수 있습니다.
내 질문은 :
어떻게 해결할 수 있습니까? 연결 제한을 늘릴 수 없으며 원하지 않습니다. UX가 로딩 될 때 명확하게 훼손된 17 개의 카드이기 때문에 병렬로 처리하고 싶습니다.
가능한 솔루션
엔드 포인트의 수를 줄이고, 페이로드가 더 큰 요청을 거의하지 않겠다고 제안했지만 실제로는하고 싶지 않습니다. 사용자가보고 싶은 카드를 선택할 수있게하고, 이렇게하면 결국에는 신경 쓰지 않는 데이터를 가져와야합니다.
이것을 달성하기 위해 HTTP 이외의 것을 사용할 수 있습니까? )?그러면 어떻게 생각하세요? 내가 놓친 것이 있습니까?
sockets
- 답변 # 1
관련 자료
- reactjs - 여러 가져 오기 요청이있는 NextJS getServerSideProps ()
- php - 하나의보기에서 여러 동적 양식 (입력이 아님) 처리 - 라 라벨
- 개별적으로 실행하는 대신 IntelliJ http 파일에서 한 번의 클릭으로 여러 개의 HTTP 요청을 실행하는 방법
- 여러 Python 요청 매개 변수로 값 목록을 동적으로 전달하는 방법은 무엇입니까?
- jquery - 비동기 사용 - 여러 ajax 요청에서 true
- jquery - JavaScript 이벤트 처리 코드 get이 여러 번 호출 됨
- ios - Combine Framework를 사용하여 여러 요청을받는 방법
- javascript - 일련의 for 루프에서 여러 axios 요청 보내기 (하나씩)
- javascript - Firebase 함수 내에서 여러 가져 오기 요청을 만드는 방법은 무엇입니까?
- javascript - 조건부 삼항 내에서 여러 useState 처리
- multithreading - 여러 요청이 Java gRPC 서버의 동일한 스레드로 이동합니다
- angular - ngxs - 여러 액션 디스패치 처리
- Python Requests module - python 요청 모듈 - 한 번에 여러 url에 액세스
- rxjs - Angular Concat 다중 HTTP 요청
- rxjs - 여러 API 호출 중 각도 오류 처리
- forms - Flask Python으로 jinja 템플릿에서 여러 행 입력 처리
- http - 동일한 리소스에 여러 요청을 할 때 Chrome이 중단/차단되지 않았습니다 병렬 요청이 너무 많습니다
- javascript - 여러 요청을 만들고 데이터 개체를 새 배열에 저장하는 방법
- multiprocessing - Python 신호 처리, 여러 프로세스 종료
- azure - 여러 powerbi api 요청을 단일 restapi 호출로 결합하는 방법이 있습니까? 일괄 응답을 얻기 위해 일괄 요청과 같은 것이 있습니까?
관련 질문
- javascript : 형제 구성 요소 통신 반응
- reactjs : Axios 게시 요청이 chatengine.io에 사용자를 생성하지 않음
- Reactjs 및 Nextjs의 다중 요청을위한 Axios
- javascript : 반응에서 여러 이미지 가져 오기
- javascript : React의 Axios /Backend가 오류없이 잠시 후 작동을 멈 춥니 다.
- 네이티브 PHP의 동일한 code가 작동하고 reactjs와 함께 작동하여 쿠키를 생성하지 않았습니다.
- json : React + Phoenix 프레임 워크에서 정의되지 않은 속성 '맵'을 읽을 수 없습니다.
- reactjs : Axios는 progressEvent.total을 반환하는 onDownloadProgress 구성을 사용하여 GET 요청에 반응합니다.
- reactjs : 비동기 redux 작업 테스트는 항상 보류 중을 반환합니다.
- reactjs : Django jwt 토큰 오류. "어떤 토큰 유형에도 유효하지 않은 토큰, token_not_valid"
서버에서 HTTP/2를 활성화하십시오. 그러면 병렬 요청 수의 한계가 훨씬 높아집니다. 이는 특정 도메인에 대한 HTTP/2 요청이 여러 요청을 동시에 다중화하는 것을 지원하는 단일 연결에서 이루어지기 때문입니다.
그 외에도, 요청을 하나 이상의 배치로 그룹화 할 수 있으므로 브라우저의 관점에서 요청 수가 제한됩니다.