최적화 전 | 최적화 후 | |
---|---|---|
애니메이션 프레임 | 20 | 15 |
파티클 생성 개수 | 텍스트 픽셀수 대로 | 텍스트 픽셀수의 절반 |
성능 측정은 개발자도구 Performance monitor
탭에서 CPU usage
를 이용하였습니다.
결과값으로 CPU usage
에 찍힌 최대값의 평균값을 사용하였습니다.
“여기는 각자의 수심을 적는 웹페이지 입니다. 당신의 수심을 적어주세요.”
최적화 전
최적화 후
마우스 클릭 이벤트 발생 시 파티클 생성 최대 CPU 사용량
21.8% → 15.8% 6% 감소
드래그 이벤트 발생 시 최대 CPU 사용량
20.3% → 12.8% 7.5% 감소
”당신이 불안을 적는 동안 쉰 숨의 기록은 가시화되어 삶의 역동성으로 기록됩니다.”
최적화 전
최적화 후
마우스 클릭 이벤트 발생 시 파티클 생성 최대 CPU 사용량
20.4% → 12.7% 7.7% 감소