반응형 사전로딩1 컴포넌트 사전로딩을 통한 렌더링 최적화 https://link.coupang.com/a/9xSf2 이 책을 보고 알게 된 내용이다. 프론트엔드 성능 최적화 가이드:웹 개발 스킬을 한 단계 높여 주는 COUPANG www.coupang.com 컴포넌트 사전로딩을 통한 렌더링 최적화 모달은 유저가 처음 보는 view port에 필요 없는 컴포넌트다. 초기 렌더링 소스에서 모달 컴포넌트를 제외하여 브라우저의 렌더링 성능을 최적화해보자. 1. 모달을 지연로딩한다. suspense와 lazy를 이용한다. const LazyImageModal = lazy(() => import("./components/ImageModal")); function App() { const [showModal, setShowModal] = useState(false); re.. 2023. 9. 12. 이전 1 다음 반응형