웹앱 성능 최적화 기법

이 게시물은 웹앱 성능 최적화 기법에 대해 설명합니다.

최적화 방법

• 렌더링 성능 최적화
• 로딩 성능 최적화

렌더링 성능 개선

렌더링 성능 개선을 위해 Reflow와 Repaint 개념을 이해하고, GPU의 도움을 받을 수 있는 CSS 속성(transform, opacity)을 활용하는 방법을 제안합니다. 성능 측정은 크롬의 Performance 탭을 통해 가능합니다.