빈 페이지일때
Network
Analyze Summary
Analyze Result
NextJS Blog 컴포넌트가 하나 있을 때
Network
Analyze Summary
Analyze Result
NextJS Blog 컴포넌트를 Dynamic Import 할 때
Network
Analyze Summary
Analyze Result
304.js는 Dynamic Import 한 컴포넌트
충분히 큰 크기의 파일이 되었을 때
충분히 큰 크기의 파일을 Dynamic Import 했을 때
작은 다른 파일이 존재할 때 페이지의 영향
Dynamic Import 하는 작은 다른 페이지가 존재할 때 SSR을 하는 페이지
SSR 하는 작은 다른 페이지가 존재할 때 SSR을 하는 페이지
SSR 하는 큰 다른 페이지가 존재할 때 SSR을 하는 페이지
SSR 하는 다른 페이지가 라이브러리(BOX)를 사용, 존재할 때 SSR을 하는 페이지 VS 사용하지 않는 SSR 페이지(DIV)
사용함
사용 안함
추가 실험 결과
같은 모듈을 쓰는 경우에는 파일을 공유하지만 그렇지 않은 경우에는 아니다.
예를 들면 C1, C2 페이지가 있을 때
C1에서 import { Box, Typograhy } from 'material-ui/core' 를 한다고
C2에서 사용하지 않는 materail-ui 를 가져오지 않는다.
하지만 C2에서 { Typograhy } 만 불러오더라도
C1에서 사용하는 모든 모듈을 로드한다.