목록requestAnimationFrame (1)

Jeden Tag, aufrichtig und lustig.

1. reflow & repaint

프로젝트를 진행하면서, 사용자의 만족도를 높이기 위해서는 빠른 렌더링 속도가 중요하다는 것을 느끼게 됐다. 렌더링 속도를 높이기 위해서 어떤 것을 고려해야하는지 공부하던 도중 리플로우와 리페인트에 대해 알아보게 되었다. 1. 개념 리플로우는 레이아웃이 변경 될 때 이로인해 영향을 받는 모든 DOM 노드들의 수치가 다시 계산되고, 레이아웃 트리가 재생성되는 것을 의미한다. 레이아웃이 변경 될 때 발생하기 때문에 width, height, padding, margin, float, position 등이 변하면 발생한다. 리페인트는 리플로우가 끝난 후에 발생하는 현상으로, 다시 만들어진 레이아웃 트리를 레이어에 다시 그리는 작업을 의미한다. 또한 리페인트는 가시적인 속성에 의해 발생한다. ex. color,b..
das Studium 2023. 1. 27. 17:52
이전 Prev 1 Next 다음