ImageLoader 개선

[dongglehada]

🤔 작업 배경

중복코드를 제거하고 Cell이 리로드 되는 상황에 깜빡임 현상이 발생하여 해당 현상을 개선

📝 작업 내용

• 블링크 현상 제거

[dongglehada]

✅ 이미지 로딩 성능 개선 요약

🔍 주요 변경 사항 요약

변경 전	변경 후
ImageLoader.loadImage 내부에서 DispatchQueue.main.async 호출	loadImage는 백그라운드에서 완료하고, UI 업데이트만 메인 스레드에서 실행
UIImageView extension에서도 DispatchQueue.main.async 중복 호출	중복된 메인 큐 디스패치 제거 → 오버헤드 감소
캐시 확인조차 DispatchQueue.main.async 이후 실행됨	캐시는 즉시 확인 → 깜빡임 현상 감소

---

⚠️ 기존 문제점

1. ImageLoader.loadImage() 내부에서 completion(.success(image))를 메인 스레드에서 호출

2. 하지만 UIImageView extension에서도 다시 DispatchQueue.main.async로 감쌈

   → 불필요한 중복 디스패치 발생

3. 결과적으로:

   • 백그라운드 → 메인 → 또 메인으로 스레드 전환 비용 증가
   • self.image = image 호출 시점이 지연되며 UI에서 깜빡임 현상 발생 가능

---

✅ 개선 후 주요 효과

• 중복된 메인 큐 전환 제거로 성능 최적화
• 캐시된 이미지는 즉시 반영되어 UI 깜빡임 방지
• loadImage() 내부에서 completion을 메인 스레드로 전송해 호출함으로써 책임 분리 명확화
• 이미지 로딩 및 렌더링 속도 개선

---

📊 성능 측정 결과 (CPU 프로파일 기준)

• 동일 이미지 로딩 플로우 기준
• CPU 활동량 감소 확인:

항목	개선 전	개선 후
CPU 사용량 (Mc)	5.77	3.79

📌 Notion Link [Trace file 포함]

• https://www.notion.so/ImageLoader-1fad2710679a805b9bffe2fa31735179?pvs=4