[Refactor] Lighthouse 점수 개선

[spearStr]

🚀 Issue Number

• [REFACTOR] Lighthouse 점수개선 #15

주요 작업

• 분석 전 이미지 (시크릿탭)
  • 시크릿 탭이 아닌 일반 탭에서 한 경우 크롬 익스텐션의 영향으로 제대로 결과가 나오지 않음
    

성능

• 자바스크립트 번들에서 중복 모듈 제거
  • 컴포넌트 중복되는 부분 모듈화
• 콘텐츠가 포함된 최대 페인트 요소
  • 크기 조절
• 서버에서 받아오는 이미지 png -> webp로 수정
  • 추후에 png로 저장되는 이미지 webp로 저장되도록 로직 추가 예정

접근성

• 이미지에 alt 없던 문제 해결

검색엔진 최적화 (SEO)

• 문서에 메타 설명이 없던 문제 해결
• robots.txt 파일 작성

고민과 해결 과정

📸 Screenshots

🔜 추가 내용 (선택)