이전 상황 : 로그인 필수서비스인 커넥트립의 첫 화면에는 카카오로그인 버튼만 존재하고, 우리 서비스에 대한 소개가 없어 유저의 유입에 있어 더 많은 정보가 필요하다는 판단.
개선 상황 : 인트로 페이지에 Next/Image 컴포넌트를 사용하여 여러 개의 PNG 파일로 이루어진 이미지를 추가하고, 버튼을 통해 페이지를 넘길 수 있는 구조로 첫페이지를 변경함.
문제 상황 : prod에 배포했을때, 처음 이미지를 불러오는 순간 각 평균 4~5초(최대 10초 이상)의 시간이 걸리는 것을 확인하였다.
이후 캐싱처리가 되어 새로고침을 하면 밀리초의 로딩속도를 보여주었다.
영상에서는 이미지 한번 로딩에 8.21초의 시간이 소요된것을 확인할 수 있다.
커넥트립 _ 국내 여행 동행 커뮤니티 (5).webm
다른 페이지에서는 Next/Image, png파일로 불러오면 webp로 변환이 되고 빠르게 로딩이 되는 상황을 확인하였는데, 왜 여기서는 초기 로딩속도가 오래 걸리는 걸까?
→ 알고보니 얘도 처음엔 오래걸리는게 맞았다.