이미지 리사이징 말 그대로 이미지의 크기를 조정하는 과정을 말합니다. 위의 사진은 Lighthouse에서 이미지의 크기가 적절하지 않다고 알려주는 화면입니다. 다시 말해, 렌더링 된 이미지의 사이즈와 실제 이미지의 사이즈가 많이 차이가 나는 경우로 이미지의 크기가 적절하지 않다는 것을 의미합니다. 이와 같이 불필요하게 큰 이미지를 사용하게 되면 리소스를 많이 사용하게 되어 바이트 낭비 및 페이지 로드 시간이 느려져, 웹 성능 저하를 유발할 수 있습니다. 이미지 리사이징의 중요성 이미지 리사이징을 통해 파일 크기를 줄여, 웹 사이트의 총 리소스를 크게 줄일 수 있습니다. 이로 인해 웹 페이지 로딩 속도 향상 및 사용자 경험을 개선할 수 있습니다. 그리고 TTI(Time to interaction) 지표를 ..