모바일 사진 업로드 속도가 느린 건 어쩔 수 없나요?
본문
처음에 아작스로 서버에서 리사이징하려고 넘겼는데
pc로는 빠르고 잘 되는데 스마트폰으로 하니까
서버 응답 시간으로 튕겨서 브라우저에서 리사이징 후 넘기고 있습니다
적은 갯수를 업로드 할 때는 괜찮은데
최대 20장씩 올리니까 업로드할 때 30초 정도 걸리고 있습니다
개선 할 수 있는 방법이 있을 거 같은데 해결책이 있을까요ㅜ?
답변 3
- 여러 장의 이미지를 청크 단위로 처리하도록 구현.
- Celery나 RabbitMQ 같은 작업 큐를 활용해 이미지를 비동기로 처리.
- HTTP/2 프로토콜을 활성화하며 데이터 압축을 적용해 네트워크 전송을 최적화.
- 포맷과 크기를 검증하여 최소한의 리사이징 작업만 수행.
- 업로드 진행 상태를 클라이언트에 전달해 사용자 경험을 지원.
＊대부분의 최신 서버에서 HTTP/2 활성화가 가능하나,
서버 환경, 소프트웨어 버전, SSL/TLS 설정 여부에 따라 추가적인 준비가 필요할 수도 있음.
.
서버 사양을 바꾸셔야 할듯 합니다.
동시 처리면 더 느려질텐데요..
1. 이미지 압축 최적화:
JPEG 또는 WebP와 같은 손실 압축 형식을 사용하세요.
압축 수준을 조절하여 파일 크기를 줄이면서 품질을 유지하세요.
이미지를 업로드하기 전에 스마트폰 앱이나 라이브러리를 사용하여 사전 압축하세요.
2. 병렬 업로드 활용:
여러 HTTP 요청을 동시에 사용하여 병렬로 이미지를 업로드하세요.
브라우저나 프레임워크의 병렬 업로드 기능을 활용하세요.
3. 청크 업로드 구현:
대용량 이미지를 여러 청크로 분할하여 업로드하세요.
청크를 개별적으로 업로드하면 전체 업로드 시간이 단축될 수 있습니다.
4. CDN 사용:
콘텐츠 배달 네트워크(CDN)를 사용하여 이미지를 사용자에게 더 가까운 서버에서 제공하세요.
이렇게 하면 대기 시간이 줄어들고 업로드 속도가 향상될 수 있습니다.
5. 서버 측 최적화:
서버에서 이미지 처리를 최적화하세요.
캐싱을 사용하여 이전에 처리된 이미지를 다시 사용하세요.
병렬 처리를 사용하여 서버에서 여러 이미지를 동시에 처리하세요.
6. 네트워크 연결 향상:
안정적이고 빠른 인터넷 연결을 사용하세요.
Wi-Fi 또는 5G와 같은 고속 네트워크를 사용하는 것을 고려하세요.
7. 이미지 크기 최적화:
업로드하기 전에 이미지 크기를 필요한 크기로 조정하세요.
큰 이미지는 업로드 시간을 크게 늘릴 수 있습니다.
8. 기타 팁:
업로드 중에 사용자에게 진행 상황 표시줄을 제공하세요.
업로드 속도를 모니터링하고 병목 지점을 식별하세요.
정기적으로 서버 성능을 테스트하고 필요에 따라 조정하세요.
