이미지 리사이징을 통한 웹 성능 개선

이 게시물은 이미지 리사이징을 통해 웹 성능을 개선하는 방법에 대해 설명합니다.

이미지 리사이징의 필요성

• 웹 페이지 성능은 사용자 경험과 SEO에 영향을 미침
• 이미지 개선은 리소스를 줄이고 TTI를 개선할 수 있는 효과적인 방법

이미지 리사이징 방법

디바이스 가로폭에 따라 이미지를 적절하게 리사이징하고, srcSet 및 sizes 속성을 활용하여 다양한 화면 크기에 맞는 이미지를 제공하는 방법을 설명합니다. 이를 통해 웹사이트의 총 리소스 용량을 약 70% 줄일 수 있습니다.