회전 애니메이션은 JS보다 CSS 애니메이션으로 하는 게 성능에 좋다 (도름스 S자 사례)

도름스 S자 회전처럼 JS로 프레임마다 소수점을 업데이트하면 자바스크립트가 CPU 스레드 하나에 지속적으로 부하를 줍니다. 이런 JS 요소가 여러 개 쌓이면 버튼·레이블 반응속도나 페이지 로딩이 느려져요. 대신 [CSS 애니메이션]으로 회전 속도·주기를 정적인 코드로 고정해버리고 JS가 스레드를 점유하지 않게 여유를 주면 좋아요. S자 하나는 성능 영향이 미미하지만 이런 게 겹겹이 쌓일 걸 예상해 미리 추천드립니다. 한 줄 요약: S자 회전 코드를 CSS 애니메이션으로 바꾸면 웹페이지 반응 속도 개선에 유의미하게 도움이 됩니다.