애니메이션 버벅이는데 어떻게 해결해야할지모르겠네요..

Question

이번에 신입 퍼블리셔로 취업했습니다.사수가 없다보니 스스로 찾아가면서 개발하고있는데요.최근 프로젝트에서 스크롤에 따른 svg로 된 이미지가 움직이게 끔 하는 인터렉션을 구현중인데요.문제는 svg가 너무 많아서 그런지(10개이상) 사이트가 버벅입니다. 플러그인이 많아서 그런가 싶기도한데 또 다른 프로젝트에서는 꼭 그렇지만은 않았거든요.이 문제를 어떻게 해결해야 좋을지 감이안잡혀서 여기 글적어봅니다. ㅠㅠ 선배님들 도와주십쇼

kenu,전독시 · Answer

animation은 lottie 많이 사용하는 것으로 아는데요.또는 크롬 개발자 도구의 Performance 통해서 분석해봐야 최적화 힌트를 얻을 것 같습니다.

인터렉티브김 · Answer

lottie가 afterEffect를 코드로 변환 시켜서 쓰는걸로 알고있는데 svg도 lottie로 할수 있나보네요. perfomance분석으로는 프레임 부분 외에는 뭔가 문제가 없는거같아요.. ㅠ

애니메이션 버벅이는데 어떻게 해결해야할지모르겠네요..

2개의 답변

#animation 목록