과거에는 검색 키워드만 많이 적어두면 1페이지에 떴지만, 이제 구글은 "사용자가 이 사이트를 얼마나 쾌적하게 썼는가(UX)"를 측정하여 검색 순위에 반영합니다. 이를 Core Web Vitals(핵심 웹 지표)라고 합니다.
💡 핵심 비유
미슐랭 레스토랑 평가 음식(콘텐츠)이 아무리 맛있어도 서빙 속도(LCP)가 느리고, 의자가 흔들리면(CLS) 미슐랭 3스타를 절대 받을 수 없는 것과 같습니다.
🧩 원리 이해하기
<!-- 이미지 최적화를 통한 LCP 개선 예시 -->
<!-- LCP(가장 큰 이미지)는 빨리 로딩되도록 fetchpriority="high" 부여 -->
<img src="hero-banner.webp" fetchpriority="high" alt="메인 배너">
<!-- 화면 아래에 숨겨진 이미지는 지연 로딩(lazy) 처리하여 초기 로딩 속도 확보 -->
<img src="footer-logo.png" loading="lazy" alt="로고">
<!-- CLS(레이아웃 밀림 현상) 방지를 위해 이미지의 가로세로 비율 미리 확보 -->
<img src="ad.png" width="300" height="250" style="aspect-ratio: 300/250;" alt="광고 이미지">