웹 성능 최적화

1. 성능 분석

성능 분석을 위한 유틸리티

1.1. 크롬 개발자 도구

• 크롬 네트워크 탭
• 크롬 퍼포먼스 탭
• 크롬 LightHouse 탭

1.2. webpack-bundle-analyzer

2. 로딩 성능

서버에서 웹 페이지에 필요한 HTML, CSS, Javascript, 미디어 소스(Image, Video) 등의 리소스를 다운로드할 때의 성능

2-1. 로딩 성능 최적화

3. 렌더링 성능

페이지 화면에 주요 리소스가 페이지에 그려질 때의 성능

3.1. 렌더링 성능 최적화

4. 기타

웹 성능 최적화 - Part.2

실전 웹 성능 최적화 (feat. React) Part1