애니메이션 측정, 애니메이션 프레임 고려 방법, 전반적인 페이지 부드러움에 대해 알아봅니다.
스크롤이나 애니메이션 중에 페이지가 '끊기거나' '멈추는' 경험을 해보셨을 것입니다. 이러한 경험은 원활하지 않다고 말할 수 있습니다. 이러한 유형의 문제를 해결하기 위해 Chrome팀은 애니메이션 감지를 위한 실험실 도구에 더 많은 지원을 추가하고 Chromium 내에서 렌더링 파이프라인 진단을 꾸준히 개선하고 있습니다.
최근 진행 상황을 공유하고, 구체적인 도구 안내를 제공하며, 향후 애니메이션 부드러움 측정항목에 관한 아이디어를 논의하고자 합니다. 언제든지 의견을 들려주세요.
이 게시물에서는 다음 세 가지 주요 주제를 다룹니다.
- 애니메이션과 애니메이션 프레임을 빠르게 살펴봅니다.
- 전반적인 애니메이션 부드러움을 측정하는 방법에 관한 현재 생각
- 오늘 실습 도구에서 활용할 수 있는 몇 가지 실용적인 제안사항