Image Resizing
-
온디맨드 이미지 리사이징 아키텍처로 트레바리 웹 페이지 성능 최적화 시키기핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2019. 12. 23. 01:53
이번에 트레바리 서비스의 웹 성능 향상을 위해서, '온디맨드 이미지 리사이징'이라는 새로운 아키텍처를 구현하고 도입하게 되었다. 그래서 이번 글을 통해 트레바리 서비스에 적용된 과정을 글로 공유해보려고 한다. 트레바리 서비스의 이미지 처리에 대한 필요성 현재 트레바리 홈페이지에서는 배너와 클럽 썸네일 등 이미지가 꽤 많이 사용되고 있다. 그만큼 사용자가 처음 화면에 접속할 때, 이미지 수와 용량에 비례하여 다운로드 시간이 길어지고 페이지 로딩에 엄청난 영향을 미치고 있었다. 또한 기존에는 웹 화면과 모바일 화면 모두 동일한 고화질의 원본 이미지로 사용되었으며, 웹 화면 뿐 아니라 모바일 환경에서도 필요 이상의 고화질을 이용하므로써 불필요한 성능을 낭비하고 있었다. 이러한 과도한 용량 사용과 로딩 시간을 ..