CSS/JS/jQuery 애니메이션에 Velocity.js 또는 Transit.js를 사용 하시겠습니까?

Question

jQuery의 .animate()을 사용하여 웹 사이트를 움직이게하고 어떻게 작동하는지 정말 좋아합니다. 그러나 나는 방금 Velocity.js과 Transit.js이 더 빨리 수행된다는 것을 배웠고, CSS3 전환을 애니메이트 할 수 있고 .animate()와 마찬가지로 jQuery에서 사용할 수 있습니다.

Velocity.js 또는 Transit.js을 애니메이션으로 사용해야합니까? 그리고 왜?

Answer 1

이 페이지의 테스트에 따르면, 속도 (부드러운 애니메이션을 제공합니다) 최고 :이 라이브러리를 사용 이 Speed Testhttp://codepen.io/GreenSock/pen/pmknI

크게 모바일 장치에서 내 애니메이션의 부드러움을 증가했다.

그러나 메모리 사용량 (브라우저의 작업 관리자보고)에 대한 테스트를 수행했으며 속도 나 전송 속도로 애니메이션을 만들 때마다 시작될 때마다 더 많은 메모리 (3MB)가 소모된다는 것을 알았습니다. 애니메이션 (가비지 컬렉터가이 메모리를 회수하는 데 오랜 시간이 걸렸습니다)

반면에 jQuery의 애니메이션은 동일한 애니메이션을 수행하는 데 평균 1MB를 사용했습니다.