코드 스플릿팅
-
이상적인 코드 스플릿팅물망초. 2023. 11. 27. 11:03
이상적인 코드 스플리팅 전략 1. 크리티컬 경로 최적화 초기 로드 중요성: 사용자가 처음 사이트에 접근할 때 필요한 최소한의 코드만 로드합니다. 메인 라우트 분할: 가장 자주 방문되는 경로의 컴포넌트는 초기 번들에 포함시키고, 그 외 라우트는 지연 로딩합니다. 2. 사용자 상호작용 기반 로딩 동적 컴포넌트 로딩: 사용자 상호작용이 필요한 컴포넌트는 React.lazy를 사용하여 필요할 때만 로드합니다. 페이지 내 대형 컴포넌트 분리: 대형 컴포넌트나 복잡한 컴포넌트는 별도의 청크로 분리합니다. 3. 서드 파티 라이브러리 분리 헤비 라이브러리 분할: 크기가 큰 서드 파티 라이브러리는 별도의 청크로 분리합니다. 조건부 로딩: 특정 기능이나 사용자 그룹에만 필요한 라이브러리는 조건에 따라 로드합니다. 4. 라..