78. (TWOK/WORK) [업무 이슈] 하이브리드 모바일 앱 실행 속도 느림 및 앱 동작 개선 문의 - FCM 토큰 비동기 저장, 기기 고유값 비동기 저장, 웹뷰 캐시 사용

---

[제 목]

​

[업무 이슈] 하이브리드 모바일 앱 실행 속도 느림 및 앱 동작 개선 문의 - FCM 토큰 비동기 저장, 기기 고유값 비동기 저장, 웹뷰 캐시 사용

 

---

[내 용]

 

------------------------------------------------------------------------------
[이슈 사항]
------------------------------------------------------------------------------

1. 휴대폰 로딩 화면 시간이 다소 걸려 로그인 화면 진입 및 메인 화면 진입까지 시간이 걸린다는 이슈 문의

------------------------------------------------------------------------------
[원인 파악 및 증상 재현]
------------------------------------------------------------------------------

1. 휴대폰을 사용하는 사용자 네트워크 환경 점검 (앱은 하이브리드로 구성)

  >> LTE , 5G 망을 사용해 휴대폰 사용 상태 확인


2. 앱 로딩부터 로그인, 메인화면 진입까지 소요되는 앱 사용 시간 점검 수행

  >> 로딩 화면 : 푸시 토큰을 얻는 부분에서 딜레이 발생 시 화면 전환이 느리게 되는 현상 확인 - 푸시 토큰 얻고 나서 로그인 화면 전환

  >> 로그인 화면 : 단말기 고유 값을 확인하는 과정에서 약간의 딜레이 시간 발생 - 동기 처리로 단말기 고유값을 확인하고 웹뷰 로드 수행

  >> 로그인, 메인 화면 : 웹뷰 캐시 미사용 설정으로 웹뷰 로드 시 웹 리소스가 많은 경우 웹 로딩에 시간이 걸리는 현상 발견
 
------------------------------------------------------------------------------
[조치 내용]
------------------------------------------------------------------------------

1. 앱 로딩 , 로그인 , 메인 화면 접속 전체 로직 점검 수행 및 변경

  >> 로딩 화면 : 기존) 푸시 토큰을 확인 후 로그인 화면 이동 로직 제거 >> 즉시 화면 전환 또는 약간의 딜레이 설정 로딩 화면 표시

  >> 로그인 화면 : 로그인 화면 onCreate 부분에서 FCM 푸시 토큰 확인 , 단말기 고유 값 확인 비동기 처리 작성 , 웹뷰 즉시 로드 수행 실시 로직 변경 
                         (웹뷰를 로드하는 시간에 비동기 토큰 확인 및 단말기 값 확인으로 기존 순차 처리 로직 제거)

  >> 로그인, 메인 화면 : 기존) 웹뷰 캐시 미사용 설정 옵션을 >> 변경할 데이터가 있으면 새롭게 갱신, 아니면 캐시 사용 설정으로 옵션 변경
                                (이 경우, 웹에서는 Js 및 Css 값이 변경 된 경우 타임스탬프 값 또는 버전 명시를 바꿔서 배포해야함 - 아니면 캐시 갱신이 안되는 이슈 발생)


2. 변경 된 로직 적용 후 앱 로딩 ~ 메인 화면 접속 까지 시간 체크 수행

  >> 기존) 4.5 초 및 5초에서 / 변경) 2.5 ~ 3.5 초 사이 확인 (2초 가량 시간 감축 수행) 

------------------------------------------------------------------------------

---