뭘 했는가?
금융왕 사이트 에 대한 속도 개선 작업을 진행했다.
정확하게 콕 찝어서, 히트맵 페이지 초기 로딩속도가 너무 느렸고, 최소 20초정도 걸리던게 너무 문제가 되는걸로 보였다.
그래도 따로 데이터를 가져와서 보여주는 히트맵인데, 1분단위로 데이터를 조회하는것도 차별점이 없는것같았다.
그래서 많은 고민끝에 작업을 진행했고, 작업이 성공적으로 잘 적용 되었다.
속도 개선 방법은?
가져오는 데이터중 변화가 있는 데이터만 갱신하도록 하는 작업을 진행했다.
그리고 이전 데이터는 캐싱하도록 해놨다.
캐싱은 데이터베이스에 히트맵별로 각 row 에 저장하도록 하고, 일정 주기로 변경이 있는 부분만 처리해서 다시 저장,
그리고 API 는 별도 로직작업을 하지 않고, database 에서 데이터 조회만 해다가 바로 response 던져버리도록 해놨다.
개선 효과는?
18000ms 정도 걸리던 response 가 200-500ms 수준으로 확 떨어졌다.
그리고 이에 따라 페이지 로딩이 빨라졌고, 15초마다 데이터를 갱신해서 보여줄 수 있게 되었다.
참고로 각 히트맵별 갱신 타임이 10000~20000사이였는데, 이 작업으로 한번에 갱신하게 하면서, 전체 갱신 타임이 12000ms 정도가 되다보니 주기적으로 데이터를 생성하기에 리소스 소모가 좀 있긴 하지만, 사용자가 보기에는 바로바로 뜰 수 있기에 굉장히 좋은 개선이 이루어진것같다.
히트맵 살펴보기
각 이미지를 클릭하면 해당 페이지로 이동할 수 있다.
