블록 차단 리소스 최적화
html 파서는 스크립트 태그를 만나면 dom 생성 프로세스를 중지하고 자바스크립트 엔진에 제어권한을 넘긴다. 자바스크립트 엔진의 실행이 완료된 후 브라우저가 중지했던 시점부터 dom 생성을 재개한다.
이렇게 초기 렌더링이 지연될 수 있다.
때문에 js 스크립트 파일은 body 태그의 맨 하단에 위치 시킨다.
트리 쉐이킹
트리 쉐이킹은 나무를 흔들면 몇몇 가지들이 땅으로 떨어지는 것처럼, 외부 모듈에서 필요한 기능만을 import 하는 것을 의미한다.
import * from "라이브러리" <- x
import 사용함수 from '라이브러리' <- o
css에서 최적화