코드 스플리팅 간단 정리

코드 스플리팅

코드를 자르고 난 뒤 사용자 요청이 올 때 마다 응답에 필요한 자른 코드를 가져오는 것

코드를 자르고 난 뒤 사용자 요청이 올 때 마다 응답에 필요한 자른 코드를 가져오는 것

• 배경

  SPA 는 빌드 시 하나의 파일에 모든 JS 로직이 포함된 파일이 형성됨

  사용자는 페이지 요청 시 해당 페이지에 필요없는 코드까지 포함 된 큰 파일을 응답하게 됨

  코드가 커질 수록 앱 초기 로딩 속도가 지연되고 사용자 경험은 낮아짐

• 해결책 (코드 스플리팅)

  당장 필요한 코드가 아니라면 코드를 분리 시킴

  사용자가 페이지 요청 시 해당 요청에 맞는 JS 파일을 응답함

  코드가 커져도 코드를 분산시켜서 로딩 속도를 유지할 수 있으므로 사용자 경험이 개션됨