렌더링
-
렌더링 성능 최적화 수업 정리Web/Optimization 2021. 9. 24. 18:12
※ Jank(화면 버벅거림) 일반적인 스크린의 주사율은 60FPS(Frame Per Second)이다. 60FPS = 1초에 60프레임 = 1프레임 당 16.67ms 컨텐츠가 업데이트되는 주기도 물리적인 스크린이 업데이트되는 주기와 맞춰져야 끊겨보이지 않는 화면 업데이트가 가능해진다. 이를 위해 requestAnimationFrame을 사용하는 것. 만약 브라우저의 Main Thread에 일이 넘쳐나게되면 1초에 60프레임을 맞추지 못하고 화면이 버벅거리게 된다. 그러면, Main Thread가 일을 너무 많이 하지 않게 도와주는 방법은 어떤 게 있을까? 1. reflow, repaint가 생각보다 너무 많이 일어나는 것을 개선한다. 2. 똑같은 작업을 매번 새로하지 않도록 개선한다. 3. 일을 여러명이..