[Javascript HighPerformance] 애니메이션 사용시 절대값 사용하기

목차

모든 DOM 혹은 CSS 등에서 애니메이션을 넣어야 하는 상황이 온다면

해당 애니메이션 엘리먼트 요소를 절대값으로 위치하는 것이 좋다.

 

이유는 간단하다. 리플로우를 방지하기 위함이다.

절대값이 아닌 상대값(relative)로 애니메이션을 구현하게 된다면 다른 엘리먼트들도 변경이 되어 리플로우 되어 DOM 속도가 느려지게 된다.

 

절대값으로 지정하게 되면 애네메이션으로 지정된 엘리먼트만 동작하기 때문에 다른 엘리먼트 요소에 대해서 리플로우를 최소화 시킬 수 있다.

 

무슨말인지 모르겠는가?

리플로우를 공부하면 알 것이다.

  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유