← 질문 목록
#119깊이 0

번들 최적화는 어디서 시작하는가?

프론트엔드심화성능

분석 도구로 큰 모듈과 중복 의존성을 찾는 데서 시작한다. 사용하지 않는 코드를 제거하고 진입점별로 나눈 뒤 전송량과 실행 시간을 함께 측정한다.

  1. 번들 분석
  2. 그다음은 제거입니다. 큰 모듈과 중복 의존성을 찾는다

    제거
  3. 그다음은 분할입니다. 트리 셰이킹 뒤 경로별로 나눈다

    분할
  4. 그다음은 검증입니다. 전송량과 실행 시간을 비교한다

    검증

압축은 전송량만 줄인다. 파싱과 실행 비용을 낮추려면 실제 코드 자체를 덜 보내야 한다. 소스 맵과 분석기로 변경 전후를 확인한다.

청크를 지나치게 잘게 나누면 요청과 로딩 조율 비용이 늘어난다. 화면 진입 빈도와 공통 의존성을 기준으로 경계를 잡아야 한다.

추천 꼬리질문

0/300

적은 내용은 AI 학습에 쓰일 수 있습니다. 이름이나 연락처는 넣지 말아 주세요.

관련 질문

번들 최적화는 어디서 시작하는가?