페이지내에 애니메이션 먹인 요소라고는
@keyframes twinkle{
0%{color: rgba(255, 255, 255, 1)}
50%{color: rgba(255, 255, 255, 0.5)}
100%{color: rgba(255, 255, 255, 1)}
}
▲이거 먹인 거 하나랑
@keyframes spin{
0%{transform: rotate(0deg)}
100%{transform: rotate(360deg)}
}
▲이거 먹인 요소 4개가 전부인데 내 똥컴에서는 IE 성능 대시보드로 확인해보니 시퓨 50% 조금 넘게 점유함
spin을 직접 캡쳐해서 만든 gif로 대체하니 점유율 10%대로 뚝...
키프레임 애니메이션 부여한 요소 하나당 10%씩 처먹는 듯
이래서 velocity를 쓰는가벼
그래서 캔버스에다가 직접 그려주는 거지. 너무 비용이 큼. CSS 애니메이션은.
닝겐이 편한만큼 컴퓨터가 고생하잖음..
CSS 애니메이션이 무겁다는 건 익히 알고 있었지만 이 정도일줄은 몰랐어 ㅠㅠ 내 컴터가 아무리 똥컴이라지만 그래도 아이비 셀러론인데 50% 점유가 말이나 되나; ARM은 어쩌라고 ㅋㅋ
?? 무겁다해도 그정도로 무겁진 않을텐데 다른게 이상한거같다