스켈레톤 UI1 Lazy Loading (LCP, CLS, 스켈레톤 UI) loading="lazy" 한 줄이면 웹 성능 최적화가 끝난다고 생각한 적 있으셨나요? 저도 그랬습니다. 처음 이 속성을 발견했을 때 "이게 전부야?" 싶어서 사이트 이미지 전체에 붙여버렸습니다. 결과는 오히려 점수가 떨어지는 역효과였습니다. 그리고 솔직히 그 역효과가 즉시 눈에 띄지 않았기 때문에 더 골치가 아팠습니다. 한 줄짜리 최적화처럼 보이는 것이 잘못 쓰면 독이 된다는 걸, 직접 겪고 나서야 제대로 이해했습니다.Lazy Loading과 LCP: 무조건 적용이 아닌 선택적 적용Lazy Loading이란 사용자의 뷰포트, 즉 현재 화면에 보이는 영역에 이미지가 들어오기 전까지 로드를 미루는 기술입니다. HTML img 태그에 loading="lazy" 속성 하나만 추가하면 Chrome, Firefo.. 2026. 6. 16. 이전 1 다음
