프론트엔드 최적화

if( avif를 지원하면) { avif 출력} else if (wepb를 지원하면) { webp 출력} else { jpg 출력}width 960이하면 small.webp 출력그 이상이면 large.webp 출력2x는 레티나 디스플레이일때의 이미지이미지의 로딩 시점을

웹 애플리케이션의 성능 최적화는 사용자 경험에 직접적인 영향을 미치는 중요한 요소입니다. 특히 컴포넌트 로딩 전략은 초기 로딩 시간과 전반적인 애플리케이션 성능에 큰 영향을 줍니다. 이 글에서는 두 가지 주요 로딩 전략인 Lazy Loading과 Preloading의