Pewwwjjj

우리는 흔히 웹 페이지의 성능을 향상시키고자 할 때 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과 기타 내용에 관해 이야기를 해볼까 합니다.이미지와 같이 사이즈가 큰 데이터를 로딩할 때, 사용자의 브라우저 화면에 나타나지 않은 이미지까지 로딩을 하면 페이지의 로딩이..