개인 프로젝트를 하는 중 배경 이미지를 선택 할 수 있는 기능을 구현 했다. 문제는 이미지가 로드 되는 시간이 너무 오래 걸린다는 점이었다. 이 부분을 어떻게 개선 했는지 정리해보고자 한다. 먼저 최적화를 하기 이전에 상황을 보도록 하자. 그리고 개선 이후, 화면이다. 영상을 업로드하면서 조금 느려보이는 경향이 있긴하지만, 우선 로딩시간이 많이 개선되었고, 이미지가 로딩되기 이전에는 placeholder를 미리 두어 이미지가 나올 것이라는 것을 사용자가 알 수 있도록 만들었다. 이미지 용량 줄이기 나의 가장 큰 문제는 너무 큰 이미지 용량이었다. 배경 이미지 하나가 6MB, 큰 것은 10MB 짜리도 있었다. 나는 이미지 로딩 시간을 줄이기 위해 구글에서 출시한 파일 포맷인 webp 형식으로 이미지들을 모..
