로딩
-
로딩 성능 최적화 수업 정리Web/Optimization 2021. 9. 22. 19:38
#1. 요청 크기 줄이기 어떤 타입의 요청이 크기가 큰지를 파악하고, 해당 요청의 크기를 줄인다. 1. 텍스트 컨텐츠 (소스 코드) ■ Minify & Uglify - 번들러에서 빌드 옵션으로 제공 - Webpack 5부터 production mode에서는 기본으로 최적화 - CSS 파일은 별도로 minify - CSS in JS는 Babel transpile 과정에서 minify ■ GZIP 압축 - 모던 브라우저에는 모두 내장되어있는 압축 프로그램 - AWS, 스프링 등 서버에서 설정할 수 있음 - Brotli는 더 효율적으로 압축, 그러나 아직까진 지원이 미비 2. 이미지 평균적으로 웹페이지 용량에서 이미지가 파지하는 비율은 60% 이상. 이미지 용량만 잘 관리해도 어느 정도의 성능은 잡고갈 수 있..