Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: 번들 사이즈 개선 #184

Merged
merged 2 commits into from
Feb 27, 2024

Conversation

newminkyung
Copy link
Member

🤔 해결하려는 문제가 무엇인가요?

  • 번들 사이즈 축소

🎉 어떻게 해결했나요?

번들 크기 측정

  • bundle-analyzer를 이용해서 측정
  • 측정 결과, lottie 번들 사이즈가 299kb로 측정

lottie 번들 사이즈 해결

  • lottie_light.min.js에서 모듈을 불러옴
AS-IS TO-BE
image image
gzip 75kb gzip 44kb

결과

AS-IS TO-BE
image image
인생지도 페이지 369kb -> 284kb
전체 js 143kb -> 85.2kb

📚 Attachment (Option)

  • 번들 사이즈가 페이지 속도 개선에 크게 한 몫 해주길 .. 🙏

@newminkyung newminkyung self-assigned this Feb 21, 2024
Copy link

vercel bot commented Feb 21, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
amazing3-fe ✅ Ready (Inspect) Visit Preview Feb 21, 2024 3:57pm

@newminkyung newminkyung marked this pull request as ready for review February 24, 2024 04:06
@newminkyung newminkyung merged commit cbe5deb into refactor/home-speed Feb 27, 2024
2 checks passed
@newminkyung newminkyung deleted the refactor/bundle-size branch February 27, 2024 08:20
@newminkyung newminkyung restored the refactor/bundle-size branch February 28, 2024 07:33
@newminkyung newminkyung deleted the refactor/bundle-size branch February 28, 2024 07:33
newminkyung added a commit that referenced this pull request Feb 29, 2024
* chore: 안쓰는 폰트 제거

* chore: 블러 이미지 -> css로 변경

* refactor: 지도 영역에 dynamic import로 변경

* refactor: 지도 페이지 하단 영역 분리 및 dynamic import

* refactor: 빈 카드 이미지에 priority 추가

* refactor: 지도 페이지 런타임 edge로 변경

* chore: import문 수정

* chore: use client 제거

* refactor: 번들 사이즈 개선 (#184)

* refactor: lottie 번들 사이즈 축소

* chore: sentry 제거
Doeunnkimm pushed a commit that referenced this pull request Mar 1, 2024
* chore: 안쓰는 폰트 제거

* chore: 블러 이미지 -> css로 변경

* refactor: 지도 영역에 dynamic import로 변경

* refactor: 지도 페이지 하단 영역 분리 및 dynamic import

* refactor: 빈 카드 이미지에 priority 추가

* refactor: 지도 페이지 런타임 edge로 변경

* chore: import문 수정

* chore: use client 제거

* refactor: 번들 사이즈 개선 (#184)

* refactor: lottie 번들 사이즈 축소

* chore: sentry 제거
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant