[Korean FE article] 당신의 DOM은 얼마나 깊은가요
소개
Lighthouse로 사이트의 성능을 측정해보면 “과도한 DOM 크기 지양하기” 라는 경고가 표시되는 것을 보신 적이 있으실겁니다.
과연 어느정도가 과도한 DOM 크기인건지, 프레임워크로 개발하다보면 DOM의 깊이를 고려하지 못하는 경우가 많은데 성능에 얼마나 영향을 미치는건지 궁금했었는데요, 이 글에서는 DOM 트리의 깊이가 성능에 어느정도의 영향을 미치는지 간단한 실험을 통해 알아보고 있습니다.
목차
DOM의 깊이가 렌더링 성능에 어떤 영향을 줄까요?
간단한 실험
CSS 조금 추가하기
마무리