왜 미디어 최적화가 중요한가?

왜 미디어 최적화가 중요한가?

워드프레스는 콘텐츠 중심 CMS이며, 특히 블로그, 포트폴리오, 쇼핑몰 사이트는
고해상도 이미지, 썸네일, 영상 삽입 등으로 인해 로딩 속도가 급격히 저하될 수 있다.

느린 미디어 → 이탈률 상승
대용량 저장 → 서버 비용 증가
비최적화 콘텐츠 → SEO 점수 하락

 

---

1. 이미지 최적화 전략

자동 이미지 압축

• 파일 업로드 시 자동 압축 수행
• JPG, PNG → WebP로 변환
• 플러그인 추천:
  • ShortPixel
  • Imagify
  • EWWW Image Optimizer

WebP 포맷 적용

• Google이 권장하는 차세대 이미지 포맷
• 용량 약 25~35% 감소
• 브라우저 자동 변환 지원 플러그인 사용 가능

php

복사편집

add_filter('wp_calculate_image_srcset', 'convert_to_webp'); function convert_to_webp($sources) { foreach ($sources as &$source) { $source['url'] = str_replace(['.jpg', '.png'], '.webp', $source['url']); } return $sources; }

---

lazy load 설정

• 이미지를 뷰포트 진입 시 로딩하여 첫 페이지 로딩 속도 향상
• 워드프레스 5.5 이상 기본 지원 (loading="lazy" 속성 자동 삽입)
• 또는 JS 기반 lazy load 라이브러리 사용 가능

---

2. 비디오 콘텐츠 최적화

영상 직접 업로드 피하기

• 워드프레스에 영상 업로드는 비효율적
• 외부 호스팅 플랫폼 활용
  • YouTube, Vimeo, DailyMotion 등
  • 또는 AWS S3 + CloudFront
  • BunnyStream (BunnyCDN 제공 VOD)

비디오 썸네일 프리로드

• <iframe> 형태로 삽입 시, 프리뷰 썸네일만 먼저 로딩
• JS 기반 클릭 시 플레이 방식 추천

html

복사편집

<iframe loading="lazy" src="https://www.youtube.com/embed/ID" ...></iframe>

---

3. 미디어 CDN 연동

CDN을 통한 이미지/파일 분산 전송

서비스특징

Cloudflare	무료 플랜 + 이미지 캐싱 가능
BunnyCDN	경량 CDN, 이미지 최적화 기능 제공
AWS CloudFront	글로벌 전역 빠른 응답
Jetpack CDN	워드프레스 전용, 무료 이미지 CDN 제공

 

연동 방식

• 캐시 플러그인 또는 CDN 플러그인 활용
• 정적 자산만 CDN 처리 (wp-content/uploads 등)

예시:
WP Rocket → CDN URL 설정
LiteSpeed Cache → Object & Image CDN 옵션 활성화

---

4. 서버 저장소 절감 전략

오래된 이미지 자동 삭제

• 미사용 썸네일 및 이미지 자동 제거
• 플러그인: Media Cleaner, DNUI (Delete Not Used Image)

썸네일 자동 생성 제한

php

복사편집

add_filter( 'intermediate_image_sizes_advanced', '__return_empty_array' );

• 사용하지 않는 썸네일 규격 제거로 디스크 공간 절약

---

5. 미디어 전용 플러그인 추천

플러그인주요 기능

ShortPixel	이미지 압축 + WebP 자동 변환
Media Cleaner	DB와 연결되지 않은 이미지 삭제
Enable Media Replace	기존 이미지 대체 업로드
Smush	대량 이미지 최적화 + lazy load
BunnyCDN	CDN 연동 + 이미지 서버 구축

 

---

미디어 최적화 체크리스트

항목완료 여부

이미지 WebP 포맷 변환	예 / 아니오
lazy load 활성화	예 / 아니오
영상 외부 호스팅 사용 여부	예 / 아니오
CDN 연동 및 테스트 완료	예 / 아니오
미사용 이미지 정리 및 썸네일 관리	예 / 아니오
썸네일 생성 개수 제한 설정	예 / 아니오