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

Feature: Footer prefetch 최적화, 채팅 기능 퍼블리싱 80% #686

Merged
merged 4 commits into from
Apr 11, 2024

Conversation

dev-dong-su
Copy link
Member

@dev-dong-su dev-dong-su commented Apr 11, 2024

💡 왜 PR을 올렸나요?

💁 무엇이 어떻게 바뀌나요?

일부 이미지의 최적화 및 이미지 사이즈 제한

  • deviceSizes 제한: gloddy는 페이지의 최대 넓이가 450px이기에 기기 사이즈를 450px로 제한했습니다.
  • minimumCacheTTL: image 캐시 시간을 60에서 31536000증가시켰습니다.
  • 일부 width, height 가 고정된 이미지에 sizes 를 지정해 nextjs 가 적절한 이미지를 생성하고 적용할 수 있도록 했습니다.
    아래는 예시로24x16의 크기가 필요한 이미지에 최적화 전에는 2048x75의 크기로 렌더링 하던 이미지를 적절하게 최적화해 이미지의 품질을 해치지 않는 크기로 렌더링한 결과입니다. 결과로 10.5KB -> 772B로 최적화 되었습니다.
스크린샷 2024-04-11 14 59 36 스크린샷 2024-04-11 15 01 24

ef66c05

Link의 prefetch 기능 사용

기존에 NavLink 컴포넌트에서 useRoute를 통해 라우팅을 수행했는데 prefetch 기능이 지원되는 Link로 바꾸었습니다.
이로써 초기 페이지 로딩 시 해당하는 page의 js만 가져왔지만 prefetch를 통해서 footer에 링크되어있는 page들의 js를 미리 가져올 수 있었습니다.
스크린샷 2024-04-11 15 10 41
스크린샷 2024-04-11 15 11 36

092c92f

💬 리뷰어분들께

@github-actions github-actions bot added the Feature 기존 페이지/컴포넌트에서 기능을 추가한 경우 label Apr 11, 2024
Copy link

Labeler가 제목과 설명에 있는 특별한 텍스트와 일치하는 레이블을 적용했습니다.
Label을 검토하고 필요한 변경 사항을 적용해 주세요.

@dev-dong-su dev-dong-su merged commit df29fb3 into develop Apr 11, 2024
6 checks passed
@dev-dong-su dev-dong-su deleted the feature/660-real-chat branch April 11, 2024 06:16
guesung pushed a commit that referenced this pull request Jul 12, 2024
* refactor: 일부 이미지 최적화

* feat: ChatList 퍼블리싱, formatDate 함수 모듈화

* refactor: 이미지 최적화, Footer의 페이지들 prefetch

* refactor: 최적화 사항 베포를 위한 chat 퍼블리싱 주석
guesung pushed a commit that referenced this pull request Jul 17, 2024
* refactor: 일부 이미지 최적화

* feat: ChatList 퍼블리싱, formatDate 함수 모듈화

* refactor: 이미지 최적화, Footer의 페이지들 prefetch

* refactor: 최적화 사항 베포를 위한 chat 퍼블리싱 주석
guesung pushed a commit that referenced this pull request Jul 17, 2024
* refactor: 일부 이미지 최적화

* feat: ChatList 퍼블리싱, formatDate 함수 모듈화

* refactor: 이미지 최적화, Footer의 페이지들 prefetch

* refactor: 최적화 사항 베포를 위한 chat 퍼블리싱 주석
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature 기존 페이지/컴포넌트에서 기능을 추가한 경우
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant