DB 과호출로 인한 메인 페이지 성능 문제

Context

• 초기 구조에서는 페이지 새로고침 시마다
  • DB에서 모든 기사 데이터를 다시 로드
• 데이터가 누적될수록 로딩 시간이 급격히 증가

Problem

• 전체 기사 로드는 현실적으로 불가능
• 메인 페이지 로딩 지연으로 UX 저하
• API 응답 크기 과도

Options Considered

• 서버 단 캐시 도입
• 브라우저 캐시(LocalStorage) 활용
• API 응답 데이터 자체를 줄이는 방식

Decision

• LocalStorage 캐싱 + API 응답량 제한을 병행
• 완벽한 구조보다 즉각적인 체감 성능 개선을 우선

Implementation

• LocalStorage에 기사 데이터 캐싱
• 용량 한계를 고려해
  • API에서 상위 100개 기사만 조회하도록 수정
• 메인 페이지는 요약/대표 기사 중심으로 구성

Result