성능 최적화가 왜 중요할까?웹에서 이미지는 페이지 로딩 속도와 사용자 경험에 큰 영향을 미친다. 최적화되지 않은 이미지는 페이지 로딩을 느리게 하고 사용자 이탈률을 높이며, SEO에도 부정적인 영향을 미칠 수 있다. 여러 요소들을 개선하여 이미지를 비롯한 전체적인 성능 최적화를 진행하려고 한다. 성능 개선에 앞서, 간단하게라도 브라우저 렌더링 과정을 알아보자.브라우저 렌더링 과정HTML 파싱 → DOM 생성 → CSS 파싱 → CSSOM 생성 → 렌더 트리 구성 → 레이아웃(리플로우) → 페인트 → 컴포지트이때 HTML을 파싱하다가 CSS나 JavaScript를 만나면 브라우저는 파싱을 중단하고 해당 리소스를 처리한다. 특히 CSS는 CSSOM 구성을 위해 완전히 다운로드되고 파싱될 때까지 렌더링을 차단..
