목록로드시간단축 (1)

FE PARADISE

Next.js 사이트 성능 관리 - next/dynamic 사용하기

사이트 내 js, css 등의 파일 로드 시간을 단축하기 위해 next/dynamic을 적용하고자 한다. 기존에 모듈, 컴포넌트들을 import하는 방식은 다음과 같았다. 기존 import Modal from "@/components/common/modal"; next/dynamic 적용 후 import dynamic from "next/dynamic"; const Modal = dynamic(() => import("@/components/common/modal"), { loading: () => Loading..., }); const Form = dynamic(() => import("@/components/home/form"), { loading: () => Loading..., }); const ..
프론트엔드/Next.js 2024. 3. 22. 22:00
이전 Prev 1 Next 다음