첫 페이지 LCP가 약 4~5초 정도로 느린 것을 확인. 사용자 정보 입력 후 처음으로 보게 되는 중요한 화면임에도 불구하고 느린 LCP 시간으로 인해 사용자가 불편함을 느낄 수 있으리라 생각해 개선 시도

문제 해결 과정

  1. 사진 압축으로 인한 이미지 렌더링 시간 단축

  2. 코드 스플리팅을 통한 chunk.js 렌더링 시간 단축

    진행 예정..

1. Route level: 각 react-router마다 dynamic loading을 설정

각 라우트가 다른 컴포넌트로 관리를 하고 있기 때문에, 각 라우트를 import함수를 통해 분리된 빌드 파일로 관리하도록 함. 유저가 다른 페이지로 넘어갈 때에만 그 페이지를 비동기적으로 로딩.