Next.js1 Next.js 폰트 최적화 폰트가 어떻게 성능에 영향을 끼치는가?웹페이지의 성능을 측정하는 지표 중 폰트가 영향을 줄 수 있는 대표적인 지표는 다음과 같다. 1) Largest Contentful Paint (LCP)페이지에서 가장 큰 요소가 텍스트인 경우, 폰트가 늦게 로드되면 텍스트 요소의 렌더링이 지연된다.2) Cumulative Layout Shift (CLS)폰트 로딩이 완료되기 전까지 시스템 폰트로 먼저 보여주고 로딩 완료 후 웹 폰트로 교체되는 경우, 텍스트의 폭이나 줄바꿈이 바뀌면서 화면이 밀리는 현상(layout shift)이 발생할 수 있다. Next.js의 Font Optimization 사용법폰트 최적화하는 방법은 매우 단순하다! Next.js는 폰트 최적화를 위한 함수를 제공한다. 사용 방법은 Google .. 2025. 9. 12. 이전 1 다음
