Seonglae Cho표준 DOM 기반 접근 방식으로 새로운 요소를 정의하기 위해 <template> 요소를 사용
렌더링된 페이지에 나타나지 않은 마크업으로, 커스텀 엘리먼트 구조를 기반으로 재사용 가능
파싱이 한번만 일어남
[스압/데이터주의] 웹 최적화 방식 모음 - 2. 파싱 및 렌더링 트리
이 파트의 핵심은 파싱의 병렬성과 렌더링에 미치는 영향이다. 크게 배치순서를 바꾸는 것과 제한, 기타 효율적 활용하는 방안으로 나눌 수 있다. 2.1.1 CSS를 상단에 배치 개요 분류: CSS HEAD에 스타일 시트를 넣으면 페이지가 점진적으로 렌더링 될 수 있어 좋다. CSSOM 트리는 CSS를 모두 해석해야 구성되고, 구성되지 않으면 렌더링이 차단되기 때문이다.
https://black7375.tistory.com/74
![[스압/데이터주의] 웹 최적화 방식 모음 - 2. 파싱 및 렌더링 트리](https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdvVV3t%2FbtqW8FMg6E7%2F2ODjd3FRx3jPYgs8KHkV61%2Fimg.png)