프론트엔드 성능 최적화 방법을 로딩 최적화, 렌더링 최적화 관점에서 정리해보았다. 📖로딩 최적화 방법 🔎화면이 그려지기까지 과정 domContentLoaded domContentEventLoaded는 웹 페이지의 DOM 트리가 완전히 로드되고 파싱되었을 때 발생하는 이벤트이다. domContentEventLoaded 이벤트는 이미지, 스타일시트 및 하위 프레임 로딩을 기다리지 않고 발생하며, 웹 페이지의 초기화 및 설정 작업을 수행하기 적절한 시점이다. load load 이벤트는 웹 페이지와 그 안에 있는 모든 리소스(이미지, 스타일시트, 스크립트 등)가 완전히 로드되었을 때 발생한다. 페이지가 완전히 로드된 후에만 실행되어야 하는 작업이 있는 경우에 유용하다. 🔎블록 리소스 블록 리소스란 웹 페이지의 ..
