AI 요약관련 정보

• 이미지 로딩 속도 향상은 실제 속도 개선뿐 아니라 인지되는 속도 개선도 중요 🚀
• loading="lazy" 속성을 사용하여 이미지의 지연 로딩을 구현, 페이지 초기 로딩 속도 향상 게으름뱅이 🦥
• 이미지 로딩 시 흰색 공백 대신 흐릿한 배경 이미지를 먼저 표시하여 사용자 경험 개선 흐릿 🖼️
• CSS의 blur 클래스를 사용하여 작은 이미지를 확대, 흐릿한 효과를 생성 (background-image, background-repeat, background-size 활용) 픽셀깨짐 👾
• 20픽셀의 작은 이미지를 확대하여 흐릿한 배경 이미지로 사용, 실제 이미지가 로딩되기 전 시각적 만족도 제공 현혹 👀
• JavaScript를 활용하여 추가적인 기능 구현 가능, 작은 이미지 생성 자동화 등 편의성 증대 자동화 ⚙️