TOAST UI의 성능 최적화를 보고 정리한 글입니다. 목차 성능 최적화에 필요한 이론과 측정 도구 브라우저의 로딩 과정 레이아웃과 리페인트 블록 리소스와 주요 렌더링 경로 성능 개선 지표 성능 측정 도구 웹 페이지 로딩 최적화 블록 리소스(CSS, 자바스크립트) 최적화 리소스 요청 수 줄이기 리소스 용량 줄이기 웹 페이지 렌더링 최적화 레이아웃 최적화 애니메이션 최적화 맺음말 성능 최적화에 필요한 이론과 측정 도구 브라우저의 로딩 과정을 다루고, 각 과정에서 사용되는 용어와 성능을 측정하는 데에 사용되는 지표를 설명한다. 성능 측정 도구로 크롬 개발자 도구를 살펴본다. 브라우저의 로딩 과정 브라우저는 웹 페이지에 필요한 리소스를 내려받고 해석한 다음 여러 계산 과정을 거쳐 콘텐츠를 화면에 보여준다. 이..