목록애니메이션 최적화 (1)

SUE 개발 블로그

애니메이션을 최적화 하는 방법

CSS 속성 중 일부는 CPU를 많이 잡아먹는 Reflow나 Repaint 현상을 발생시켜 성능을 저하시킨다고한다. 우리는 이러한 부분을 최대한 최적화할 줄 알아야한다. Reflow와 Repaint의 의미와 발생시키는 속성들을 참고하자. Reflow width, height 같이 레이아웃 계산을 다시하며 추가/삭제, 크기/위치 변경 등 레이아웃에 영향을 주는 상황에 발생하여 실행된다. width height padding margin position top bottom left right border border-width clear display float font-family font-size font-weight line-height min-height overflow text-align verti..
CSS 2023. 12. 29. 16:22
이전 Prev 1 Next 다음