이 글에서는 워터폴 차트에 대해 간략하게 설명하고, 이를 활용하여 개선하는 방법을 안내합니다

렌더 트리는 화면을 렌더링하는 방법에 대한 정보를 담고 있는 데이터 구조입니다

JavaScript를 사용하면 웹 페이지에서 다른 리소스의 로딩을 차단하거나 지연시킬 수 있습니다

TTI(Time to Interactive)는 웹페이지가 반응형으로 표시되기까지 걸리는 시간입니다

렌더링 차단 리소스는 브라우저가 웹 페이지의 특정 요소를 렌더링하지 못하게 하는 요소입니다

HTTP 캐싱은 웹 브라우저 및 기타 클라이언트가 리소스를 캐시할 수 있도록 하는 성능 최적화 기술입니다