1.문제 정의

• 문제 요약 : 배포된 웹사이트에서 이미지를 로드되는 속도가 느린 문제 발생
• 발생 일시 : 2024년 7월 1일
• 발생 장소 : 배포된 웹사이트

2. 증상 기술

• 상세 증상 : 사용자가 레시피 관련 이미지를 로드하려고 할 때, 이미지가 로드되는 데 4초 이상 소요됨. 이로 인해 사용자 경험이 매우 저하되어, 사용자는 다음 단계로 진행하는 데 어려움을 겪는 문제가 발생

• 참고 사진 :

  

3. 원인 분석

• 원인 가설 :
  1. 현재 EC2 서버는 비용적인 문제로 인해 1코어 t2.mirco를 사용하고 있어 cpu 성능의 가능성
  2. 이미지 용량 크기로 인한 성능 저하 가능성
  3. 캐쉬서버를 사용하는것이아닌 직접 S3에 접근해 성능 저하 가능성
• 검증 과정 :
  1. t2.medium을 사용하여 이전과 이미지 로드 차이비교
  2. 프론트에서 이미지 용량 최적화 진행
  3. 버킷에 바로 접속하지 않고 CDN 서버를 구축해 직접 S3에 접근하는것과 CDN으로 이미지를 불러오는 차이 비교
• 최종 원인 :
  1. EC2 서버 성능 테스트 결과
     1. t2.medium 인스턴스를 사용한 경우, 이미지 로드 시간이 t2.micro에 비해 크게 개선되었음. 이는 CPU 성능이 로드 시간에 영향을 미친다는 것을 보여줌.
  2. 이미지 용량 최적화 결과
     1. 이미지 파일 크기를 최적화한 후, 로드 시간이 크게 개선됨. 이는 이미지 용량이 로드 시간에 중요한 영향을 미친다는 것을 보여줌.
  3. CDN 도입 테스트 결과
     1. 크롤링한 이미지 URL의 대해서는 적용이 되지않았지만, 서버에 적용한 이미지 파일의 경우 CDN을 사용한경우 직접 S3에 접근에비해 로그시간이 현저히 단축됨, 이는 캐시서버를 사용하여 성능 개선의 가능성을 보여줌

4. 해결 방법

• 조치 내용 :

  1. EC2 인스턴스 업드레이드
  2. 이미지 최적화
  3. CDN 도입

• 변경 사항 :

  1. t2.micro 에서 t2.medium 으로 업그레이드
  2. 이미지 최적화를 통해 이미지 파일 크기 축소
  3. CDN도입을 통해 S3버킷에 접근하는것이 아닌 CDN 서버로 접근하도록 변경

• 결과 확인 : 인스턴스 업그레이드, 이미지 최적화, CND 도입을 통해 이전 속도 문제점의 비해 많이 개선된것을 확인

  

5. 추가 참고 자료

• 참고 자료
• **CDN에서 로드 시간이 개선되는 방식
• CloudFront 속도 비교**