NextJS 파일 응답 속도 개선

Question

안녕하세요 ! 날씨 더우신데 고생들 많으십니다 !현재 front단에서 약 480~500개의 파일 (전체 약 250mb) 파일을 불러오는 작업을 진행중입니다.front단에서 back으로 호출 후 back에서 처리는 약 3초 정도 걸립니다. 여기까지는 괜찮은데...back에서 front로 가는동안의 시간이 10~15초 정도로 너무 속도가 느리게 나서 문제입니다..현재 fetch를 사용해서 request 처리를 하는데,저렇게 많은 파일을 빠르게 불러올 방법이 있을까요?

Clickin · Answer

뭘 번들링하셨길레 250MB나 될까요?정말 필요하다면 chunk 단위로 쪼개서 받는 방법이 제일 무난해보입니다.매 접속마다 250mb를 받아야한다 이러시면 네트워킹 비용때문에라도 구조 수정이 필요해보이긴 하네요

Hee Sung Son · Answer

보통은 250mb나 한번에 불러올일을 안만들긴 합니다. 화면에서 보이는 부분만 로딩하는 infinite loading 기법으로 나머지는 위치만 잡아주는 skeleton 기법으로 로딩중에 뼈대만 보여주고 부분부분 로딩하는 식으로 진행해야 가능할것으로 보입니다.

KarlStyner · Answer

파일 전체 다운로드 뭐 이런걸.. 하시나 봅니다.그런 기획이 오면 저는 보통 메일로 다운로드 링크를 보내서 각자 알아서 다운받도록 하자고 권합니다. 요청이 오면 비동기로 해당하는 파일들을 잘 정리해서 압축하여 별도 공간에 저장한 후 그 주소를 메일로 보내는 방식입니다.수백메가, 수 기가 단위의 파일을 꼭 서비스 내에서 다운로드받아야 한다면 그리 좋은 해결책은 없습니다. 250MB를 10초만에 불러오면 초당 25MB의 다운로드 속도인데, 아주 빠르다고 봐야 합니다.

NextJS 파일 응답 속도 개선

3개의 답변

Q&A 목록