핵심 요약
레브잇이 WebView 이미지 디코드로 인한 메모리 이슈를 DPR 기반의 소스 폭과 서버 리사이즈 버킷으로 해결하고, 지연 로딩으로 추가 최적화를 달성했습니다.
구현 방법
- 대표 카드 480px, 와이드 카드 800px 버킷 도입 및 DPR 반영 소스 폭 설정
- 지연 로딩 도입으로 화면 밖 이미지 로드 수 축소
- 최종 이미지 URL 추적 및 중복 변환 제거
주요 결과
- 대표 카드 1장당 디코드 비용 약 1.56MiB 감소(카드 30장 시 약 47MiB 차이)
- 상품 상세 디코드: 94.2MB→11.3MB로 대폭 감소
- 홈 40.3MB→21.1MB(48%), 대형 이벤트 264.4MB→168.3MB(36%), 렌더러 RSS 약 10% 감소
