전체 성능 개선 1차 (#12) #13
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- 메인 페이지에 접속할 때 사용하지 않는 컴포넌트들까지 먼저 로드시키지 않기 위해 적용 - Lazy Loading이 적용된 컴포넌트는 빌드 시, 별도의 js 파일로 분리됨
- 이미지를 압축하기 위한 vite 플러그인. - 실제로 firebase를 이용해 불러오는 이미지가 다수이고 public에서 사용하는 이미지는 소수이기 때문에 이미지 최적화 테스트 용도에 가까움
- 8bf37ba 작업에서 누락 부분 수행
- input을 통해 브라우저가 입력받은 이미지의 크기나 용량을 압축하기 위한 라이브러리. - firebase의 storage로 이미지 데이터를 전송하기 이전에 변환하기 위해서 사용 예정
- browser-image-compression 라이브러리를 활용하여 이미지의 크기와 용량을 최적화하는 과정 추가 - onSubmit이 아닌 onImageChange에서 이미지를 압축함으로써 미리보기에서부터 최적화된 이미지를 사용하고 바로 firebase에 전송할 수 있도록 함
|
before after |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
395bd39 [💎 : refactor] Lazy Loading 적용(#12)
9c92da6 [💎 : refactor] 이미지 사이즈 조절 및 대체텍스트 추가 (#12)
e77de73 [⚙ : chore] vite-plugin-imagemin 적용 (#12)
4f91220 [💎 : refactor] 프로필 이미지와 포스팅 이미지 최적화 (#12)