TIL #62 | [Next.js] Next.js 최적화

kibi·2024년 1월 11일
1

TIL (Today I Learned)

목록 보기
62/83

Next.js에는 다양한 최적화 기능이 내장되어 있다는 편리함이 있다.

이미지 최적화

<Image />
성능을 위해 이미지를 최적화하고 장치 크기에 따라 이미지 크기를 자동으로 조정한다.

링크 최적화

<Link />
더 빠르고 원활한 페이지 전환을 위해 백그라운드에서 페이지를 미리 가져온다.

스크립트 최적화

<script>
스크립트 구성요소를 사용하면 타사 스크립트의 로드 및 실행을 제어할 수 있다.

메타 데이터

메타 데이터는 검색 엔진이 콘텐츠를 더 잘 이해하도록 도와 SEO에 유리하도록 만들고, 소셜 미디어에 콘텐츠가 표시되는 방식을 맞춤화할 수 있도록 하여 다양한 플랙폼에서 일관된 사용자 경험을 만들 수 있도록 한다.

참고 : Next.js 최적화

0개의 댓글