- LCP(Largest Contentful Paint)를 개선하는 가장 효과적인 방법이 Core Web Vitals에 기반한다. 🖼️
- LCP는 페이지 로딩 후 가장 눈에 띄는 콘텐츠입니다. 대부분의 경우 이미지입니다. 📸
- LCP 시간은 HTML 요청, 리소스 다운로드, 렌더링 지연 등 여러 단계로 나눌 수 있다. 🪜
- LCP 점수에 가장 큰 영향을 미치는 요인은 HTML 요청 시간과 리소스 로드 시간입니다. ⏱️
- 원하는 해상도의 이미지를 사용하고, 서버 측 렌더링을 활용하여 이미지 로딩 속도를 개선할 수 있다. 💥
<link rel="preload">태그를 사용하여 중요한 리소스(그림, 폰트 등)를 미리 로딩하여 LCP를 향상시킬 수 있다. 🚀fetchpriority속성을 사용하여 특정 리소스의 로딩 순서를 우선시할 수 있다. 🤖
Recommanded Videos
