웹 성능 크래시 코스 (Ilya Grigorik)
Source
Evernote/Advanced View Required/Faster Websites Crash Course on Web Performance - igvita.com.md
Summary
이 문서는 Ilya Grigorik 이 Devoxx 2012 에서 진행한 3 시간 분량의 웹 성능 워크숍 ‘Faster Websites: Crash Course on Web Performance’ 의 소개 및 개요입니다. 브라우저에서 빠르고 최적화된 사용자 경험을 제공하기 위해 TCP 계층부터 렌더링까지 스택 전반에 걸친 고려가 필요함을 강조합니다. 워크숍은 네트워크 인프라(TCP, HTTP, SPDY, 모바일, Navigation Timing) 를 다루는 1 부와 브라우저 아키텍처 및 실행 모델(DOM, CSSOM, 렌더링, 하드웨어 가속) 을 다루는 2 부로 구성됩니다. 전체 영상과 슬라이드 PDF 가 온라인에서 무료로 제공됨을 안내합니다.
Key Points
- 웹 성능 최적화는 TCP 및 그 상위 계층을 포함한 스택 전반에 걸친 종합적인 접근이 필요합니다.
- 1 부: 웹 요청의 생명주기 - 느린 사이트의 영향, HTTP/TCP 성능, SPDY, 모바일 네트워크, Chrome 네트워크 스택, Navigation Timing 및 RUM(Real User Measurement) 소개.
- 2 부: 웹페이지의 생명주기 - DOM/CSSOM 파싱 및 생성, 렌더 트리 빌드, 시각적/렌더링 성능 측정, 하드웨어 가속, 크리티컬 패스 분석 및 성능 최적화 팁.
- Devoxx 2012 에서 진행된 3 시간 분량의 워크숍 영상과 슬라이드 자료가 온라인에 공개되어 있습니다.