JS Tagged Template LiteralJS String.raw Virtual DOM에 비해 주된 성능 향상 원리는 템플릿 리터럴을 사용하기 때문에 정적, 동적인지 판별하기 쉬워 변화가 생기는 문자열만 업데이트하고 innerHTML로 렌더링을 하는 것처럼 대체되려는 방향성이 있다태그가 새로 생성되는 게 아니라 수정만 되도록 [스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링레이아웃에 영향을 미치는 것들에 대한 정리는 What forces layout/reflow 란 글이 잘 설명해준다. 3.1.1 CSS 속성 개요 분류: CSS 이야기가 나온김에 리플로우에 영향을 미치는 유명한 CSS 요소들을 뽑아보자면 [ CSS Triggers, 20 Tips for Optimizing CSS Performance] 이 있다. 그리고 재계산을 유발하기로 유명한 속성은 다음이 있으며 불필요하게 값을 수정하지 않는게 좋다.https://black7375.tistory.com/79
![[스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링](https://www.notion.so/image/https%3A%2F%2Fblack7375.tistory.com%2Ffavicon.ico?table=block&id=7bc496bc-924b-47a5-8a50-5067785ddbdc&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=7bc496bc-924b-47a5-8a50-5067785ddbdc&cache=v2)