[TIL] 코드스플리팅

miniyoung37·2019년 11월 13일
0

TIL

목록 보기
33/47

👉 코드스플리팅

​ 개발을 하게 되면, 하나의 파일에 모든 로직들이 작성되게 된다. 그렇게 되면, 프로젝트의 규모가 커질수록 파일 용량도 커지기 때문에, 인터넷이 느린 환경에서는 페이지 로딩속도도 느려질 수 있다.

​ 코드 스플리팅을 하게 되면, 지금 당장 필요한 코드가 아니라면 따로 분리시켜서, 나중에 필요할 때 불러와서 사용 할수 있다. 이를 통해 로딩 속도를 개선 할 수 있다.

🍗 서버사이드 렌더링과 함께 할 때 문제점

  1. 서버사이드 렌더링에서는 리렌더링이란게 없다.
  2. 페이지 깜박임 현상
    : 코드 스플리팅과 서버사이드 렌더링을 함께 하게 될 때, 흐름이 다르게 진행되기 때문에 발생

🍳 react-loadable

Loadable의 특징으로는, 로딩중일때 렌더링 할 컴포넌트를 따로 지정할 수 있다.

참고 문서 : velopert - react-code-splitting

profile
TIL record

0개의 댓글