Lazy Loading과 기타 이야기
우리는 흔히 웹 페이지의 성능을 향상시키고자 할 때 3R을 얘기합니다. 1. Request 개수 줄이기 2. Resource 사이즈 줄이기3. Rendering 시간 단축 Webpack을 통한 모듈 번들링, 이번에 얘기해 볼 Lazy Loading이 1번, Webpack-Minify, Obfuscation, Tree-Shaking, Code-Splitting, 이미지 최적화가 2번,CRP 최적화, Reflow의 최소화, 부드러운 애니메이션 등이 3번 예시에 속한다고 볼 수 있습니다. 이번 포스트에서는 1번 예시 중 Lazy Loading과 기타 내용에 관해 이야기를 해볼까 합니다.이미지와 같이 사이즈가 큰 데이터를 로딩할 때, 사용자의 브라우저 화면에 나타나지 않은 이미지까지 로딩을 하면 페이지의 로딩이..
Web
2018. 11. 15. 00:06
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- codility
- vue.js
- jest react test
- reducer test
- react hoc 테스트
- javascript
- react-hooks test
- devDependencies
- esModuleInterop
- infinite-scrolling 구현
- difference_1.default is not a function
- dependencies
- Package
- 크롬 퍼포먼스 탭
- NPM
- axios
- react-infinite-scroll
- jest reducer 테스트
- jest reducer test
- js debugger
- react-testing-library
- hoc test
- tsconfig.json
- ES6 Module
- 효율적인 디버깅
- void 0
- ES2020
- redux-mock-store
- infinite-scrolling
- react-waypoint
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함