브라우저 기준 최적화 html,css ,js 는 block resource라고 부른다. 위의 사진은 critical rendering path이다. 위의 순서로 진행되는데 중간에 js block을 만나면 html parsing을 멈추고 지금까지 만든 DOMtree 와 CSSOM을 준비를 하게 된다. js 에서 access 하고 변경이 가능하기 때문이다. html parsing이 멈춘것을 확인. css 와 js 블록을 만났기 때문이다. 따라서 html parsing을 중간에 멈추지 않게 javascript tag를 하단에 위치시켜서 html parsing이 완료되어 렌더링이 잘 된다. 하얀 화면이 오래 나오는게 사라진다. TTFB = time to first byte == 브라우저가 요청을 날리고 css의..
