자산 최적화: 반응형 이미지와 폰트 Preload

웹사이트 용량의 대부분을 차지하는 것은 이미지와 폰트(Asset)입니다. 5MB짜리 원본 이미지를 그대로 올리면 LCP가 떨어집니다. WebP/AVIF 압축, 브라우저 크기에 맞는 srcset 제공, 그리고 핵심 폰트를 미리 당겨오는(Preload) 전략은 SEO 최상위 랭킹을 위한 기본기입니다.

수하물 압축 패킹
부피가 큰 겨울옷(고화질 이미지)을 압축팩(WebP)에 넣어 바람을 쫙 빼고 가장 먼저 필요한 여권(Preload 폰트)은 가장 꺼내기 쉬운 주머니에 넣는 것과 같습니다.