[React] Lazy loading과 Code splitting - 적당히 적당히 가져오자
일단! Lazy loading의 필요성부터 사용자가 웹 페이지를 열면 SPA에서는 전체 페이지의 내용이 다운로드 되어 단일 이동으로 렌더링됩니다. → 이를 통해 브라우저는 웹페이지를 캐싱할 수 있지만, 사용자가 다운로드한 모든 콘텐츠를 다 본다는 보장은 없죠? 예를 들어, 갤러리 전체 사진을 다운로드했지만 사용자는 첫 번째 이미지만 본 후 서비스를 이탈했을 때 웹 페이지에서는 메모리 및 대역폭 낭비로 이어질 것입니다. 💡 페이지에 접근할 때 모든 콘텐츠를 대량으로 로드하는 대신 사용자가 필요한 페이지의 일부에 접근할 때 그 콘텐츠를 로드할 수 있다면 어떨까요? 즉, 로딩을 지연할 수 있다면? Lazy loading이란? Lazy loading은 페이지를 읽어들이는 시점에 중요하지 않은 리소스 로딩을 미루..
프론트엔드/React
2023. 6. 13. 23:50
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- frontend
- 파이썬
- 데이터분석
- 딥러닝
- Python
- 자바
- 타입스크립트
- 프론트엔드
- 자바스크립트 기초
- 디프만
- 머신러닝
- 프론트엔드 공부
- CSS
- TypeScript
- react
- rtl
- 리액트
- 스타일 컴포넌트 styled-components
- next.js
- styled-components
- jest
- 자바스크립트
- react-query
- 리액트 훅
- JSP
- HTML
- 프로젝트 회고
- 인프런
- testing
- 프론트엔드 기초
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함