Document Object ModelW3C가 표준화한 여러 개의 API의 기반이자 동적 웹을 위한 기반현행의 DOM 규격은 단계 2, 일부 단계 3 규격 역시 현재 W3C의 권고안JavaScript로 DOM 요소에 액세스하는 속도가 느리다DOM NotionDOM TreeDOM RenderingDOM Level DOM InterfacesDOM EventDom WindowDom CustomEventDom EventTargetDom HTMLCollection [스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링레이아웃에 영향을 미치는 것들에 대한 정리는 What forces layout/reflow 란 글이 잘 설명해준다. 3.1.1 CSS 속성 개요 분류: CSS 이야기가 나온김에 리플로우에 영향을 미치는 유명한 CSS 요소들을 뽑아보자면 [ CSS Triggers, 20 Tips for Optimizing CSS Performance] 이 있다. 그리고 재계산을 유발하기로 유명한 속성은 다음이 있으며 불필요하게 값을 수정하지 않는게 좋다.https://black7375.tistory.com/79DOMWhen extensions are needed, the DOM Standard can be updated accordingly, or a new standard can be written that hooks into the provided extensibility hooks for applicable specifications.https://dom.spec.whatwg.org/DOM 소개이 문서는 DOM에 대한 개념을 간략하게 소개하는 문서이다: DOM 이 무엇이며, 그것이 어떻게 HTML, XML 문서들을 위한 구조를 제공하는지, 어떻게 DOM 에 접근하는지, API 가 어떻게 사용되는지에 대한 참조 정보와 예제들을 제공한다. 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다.https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction
Alan Jo![[스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링](https://www.notion.so/image/https%3A%2F%2Fblack7375.tistory.com%2Ffavicon.ico?table=block&id=5542ab22-8ea2-460d-9710-28fdd39ce1c4&cache=v2)
![[스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링](https://www.notion.so/image/https%3A%2F%2Fimg1.daumcdn.net%2Fthumb%2FR800x0%2F%3Fscode%3Dmtistory2%26fname%3Dhttps%253A%252F%252Fblog.kakaocdn.net%252Fdn%252FFM5Z5%252FbtqWWsOdWiT%252FKHI0LMAvyNP2FC6IaoYy6k%252Fimg.png?table=block&id=5542ab22-8ea2-460d-9710-28fdd39ce1c4&cache=v2)
