- 이슈
- 메인 화면 하단 5개의 탭 이동 간에 화면에 필요한 전문을 호출하고 응답올 때까지 프로그레스를 띄움. 호출 전문 수도 적고, 응답도 빠른 화면의 경우 프로그레스가 깜빡이면서 거슬리는 효과가 있음. 프로그레스가 노출되는 시간 동안에는 유저 인터랙션을 막기 때문에 앱이 느려보이는 효과가 있음
- 개선 내용
- 동기적 호출 전문 파악 후 비동기적 호출
- 유저 인터렉션 막지 않아도 된다고 판단 → 메인 화면 탭 이동 시 나오는 프로그레스 제거
- 데이터 로딩 시 허전하게 비는 부분에는 스켈레톤 UI 적용
- 개선 후 효과
- 메인 화면 속도 1초 개선
- 프로그레스가 뜨지 않아 거슬리는 것이 사라임
- 유저 인터랙션을 즉각적으로 받을 수 있게끔 함으로써 앱 속도가 빨라보이는 효과
- 스켈레톤 UI 적용으로 유저에게 다음에 나올 화면을 예측할 수 있도록 함
- 메인 화면 하단 5개의 탭 이동 시 이미 로딩이 다 됐던 화면도 다시 그리는 현상 있음
- 개선 내용
- 기존 ViewPager 이용하여 탭 이동하는 방식에서 offscreenPageLimit을 늘리면 초기에 5개 탭 모두 로딩하기 때문에 틀을 바꾸기로 함
- FragmentTransaction show, hide 하는 방식으로 수정
→ 이미 로딩이 된 후 다 그려졌던 화면은 다시 그리지 않음. 물론 데이터는 재조회
- 개선 후 효과