- 구분
- 제작 예시
- 서비스 유형
- 유지보수
- 업종
- 농산물 쇼핑몰
- 수행 범위
- 기획 · 개발
가정한 상황
- 상세페이지를 큰 통이미지 한 장으로 만든 농산물 쇼핑몰을 가정했습니다.
- 휴대폰에서 상세페이지가 늦게 열립니다.
- 쓰지 않는 외부 스크립트가 여러 개 남아 있습니다.
구성
- 페이지별 속도 측정과 원인 정리
- 이미지와 스크립트 정리
- 상세페이지 구조 변경
핵심 기능
- 이미지 압축과 WebP 형식 변환
- 필요 없는 스크립트 제거와 지연 불러오기
- 통이미지를 글과 작은 이미지로 나눈 상세페이지