Skip to content

Conversation

@edhcoding
Copy link
Contributor

@edhcoding edhcoding commented Dec 25, 2024

✅ 체크 리스트

  • 적절한 Title 작성
  • 적절한 Label 지정
  • Assignee 및 Reviewer 지정
  • 로컬 작동 확인
  • Merge 되는 브랜치 확인

📝 작업 내용

  1. 불필요한 html,css 수정

  2. Sementic Tag 적극사용

  3. constant를 적극활용해 map 메서드 사용 (코드 간소화 작업)

  4. Next.js Link 컴포넌트 사용으로 view에 들어왔을때 해당 href 경로 페이지 미리 frefetch 하도록 수정

  5. Next.js 기본으로 지원해주는 dynamic사용으로 컴포넌트 동적으로 가져오기

  6. video 최적화 (mp4 => webm) - 크기 압축, 시간 단축

  7. Framer Motion 공식 홈페이지에 나오는 module 사이즈 줄이는 방법 적용

📂 결과물

  • 기존 LightHouse점수
스크린샷 2024-12-25 오후 6 23 18
  • 최적화 후 LightHouse점수 (빌드 전 점수라서 빌드 후에 95점 나옵니다!)
스크린샷 2024-12-25 오후 6 29 14

🖥️ 공유 포인트 및 논의 사항

@edhcoding edhcoding added the ♻️Reactor 리펙토링 label Dec 25, 2024
@edhcoding edhcoding self-assigned this Dec 25, 2024
@github-actions
Copy link

🪄 Storybook: https://67124aeba8e39ab430227857-asrsruiung.chromatic.com/
🕖 Update: 2024년 12월 25일 23시 38분 30초

@edhcoding edhcoding requested review from YongLeeCode, han9898 and inji0212 and removed request for YongLeeCode, han9898 and inji0212 December 25, 2024 14:45
@edhcoding edhcoding merged commit 7836827 into dev Dec 26, 2024
4 checks passed
@edhcoding edhcoding deleted the fix/landing-page-style branch December 26, 2024 02:30
@edhcoding edhcoding changed the title [Fix] 랜딩 페이지 최적화 [Refactor] 랜딩 페이지 최적화 Feb 19, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

♻️Reactor 리펙토링

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants