browser-image-compression1 React 이미지 최적화를 통한 성능 개선하기 지난번 Lighthouse 분석 결과 LCP와 Speed Index가 높은 문제가 발생했다.LCP(Largest Contentful Paint)는 페이지의 가장 큰 콘텐츠 요소가 화면에 표시되는 시간을 측정하는 지표로 이 값이 높으면 페이지의 주요 콘텐츠가 늦게 나타나는 것을 의미한다. Speed Index는 페이지의 시각적인 로딩 속도를 측정하는 지표로, 값이 높을수록 페이지가 느리게 로드된다. 즉 이 문제들은 웹페이지가 느리게 로드되고 사용자 경험이 저하되는 주요 원인 중에 하나이므로 이를 해결하기 위해 여러가지를 시도해보았다. 일단 LCP 콘텐츠가 포함된 최대 페인트 요소를 보니 페이지의 배경화면을 불러올때 많은 시간이 소요되는 것을 확인했다. main페이지에서 배경화면을 지우고 로딩했을때 성능이.. 2024. 4. 26. 이전 1 다음
