워드프레스 이미지최적화 플러그인 Smush 설정 압축후기

워드프레스뿐만 아니라 모든 홈페이지와 블로그 작업에서는 다양한 최적화 작업이 필요합니다.

예를 들어, 가독성이 편리한 글꼴의 경우, 구글 폰트를 비활성화하거나 불필요한 폰트를 삭제해 홈페이지 로딩 속도를 개선할 수 있습니다. 이미지의 경우에는 사용 용도에 맞게 해상도를 리사이징하고 용량을 압축함으로써 이미지가 프레임에 잘 맞아 깨짐을 최소화하고, 시각적인 완성도를 높일 수 있습니다. 이러한 작업은 단순히 보기 좋은 디자인을 넘어, 트래픽 감소와 홈페이지 속도 개선이라는 중요한 결과를 가져옵니다.

만약 홈페이지 로딩 속도가 느려진다면, 특히 이미지가 원인이 되는 경우, 사용자들은 페이지가 열리기 전에 떠나버릴 가능성이 높습니다.

이는 단순한 방문자 감소를 넘어 SEO 점수에도 부정적인 영향을 미칩니다. 따라서 홈페이지나 블로그를 운영하면서 이미지 최적화는 필수적인 작업이라고 할 수 있습니다.

노랗 목차 보이기

워드프레스 이미지 최적화 Smush 플러그인

특히 구글 애드센스를 사용하는 경우, 페이지 내용이 모두 로드된 후에 광고가 나타나는 특성 때문에 이미지 최적화는 더욱 중요해집니다.

기능	설명
자동 이미지 최적화	이미지를 업로드할 때 자동으로 최적화 처리
기존 이미지 최적화	기존에 업로드된 이미지도 클릭 한 번으로 최적화 가능
무손실 압축	이미지 품질을 유지하면서 용량을 줄이는 압축 방식
대량 이미지 최적화	여러 이미지를 한 번에 최적화 처리
Lazy Load (지연 로딩)	사용자가 스크롤할 때 필요한 이미지만 로드하여 페이지 로딩 속도 개선
리사이즈 설정	특정 크기의 이미지로 자동 리사이즈
CDN 지원	Smush Pro 버전에서는 이미지 콘텐츠 전송 네트워크(CDN)를 활용해 로딩 속도 향상 가능
웹P 포맷 지원	웹 최적화에 적합한 WebP 이미지 포맷 변환(프리미엄 기능)
디렉토리 최적화	미디어 라이브러리 외부의 이미지(예: 테마 폴더)에 있는 파일도 최적화 가능
이미지 세부 정보 제공	각 이미지의 압축 전/후 용량 비교 및 최적화 보고서 제공

하지만 이미지 최적화를 위해 매번 사진을 업로드하기 전에 별도의 툴을 이용해 최적화하는 작업은 번거로울 수 있습니다. 이미 업로드된 이미지를 다시 최적화하는 일은 더더욱 비효율적일 수 있죠.

이러한 문제를 해결하기 위해 워드프레스에서는 이미지 최적화를 손쉽게 도와주는 플러그인인 Smush를 사용할 수 있습니다. Smush는 한 번의 설정으로 이미지 최적화를 자동으로 처리해주며, 이미 업로드된 이미지까지 최적화할 수 있는 기능을 제공합니다. 이를 통해 시간과 노력을 절약하면서도 최적화된 이미지를 유지할 수 있습니다.

Smush를 활용해 이미지 최적화를 진행하면 홈페이지 속도를 개선할 뿐만 아니라 사용자 경험과 SEO 점수 향상에도 기여할 수 있습니다.

이미지 최적화 전 워드프레스 페이지 속도

워드프레스 이미지최적화 플러그인 Smush 2 — 구글 페이지 스피드 점수

우선 이미지를 최적화 하기 전 제 홈페이지의 속도를 구글 페이지 스피드를 통해 확인해보니 53/100점으로 최적화 낮음이 되어있는데 페이지 속도가 느리면 방문자의 이탈률이 높아지고 검색엔진 최적화(SEO) 점수에도 부정적인 영향을 미칩니다.

구글 페이지 스피드 인사이트는 성능을 개선할 수 있는 권장사항을 함께 제공하고 있으며 이에 대해서 개선할수 있는 최적화 권장사항이 순서대로 표시됩니다.

이미지 최적화 권장사항

이미지 최적화: 용량이 큰 이미지를 압축해 로딩 속도 개선
렌더링 차단 요소 제거: 스크롤 없이 볼 수 있는 콘텐츠의 렌더링 차단 자바스크립트 및 CSS 삭제
우선 순위 콘텐츠 설정: 표시되는 콘텐츠의 로딩 우선 순위 지정
브라우저 캐싱 활용: 캐싱 설정으로 재방문 속도 개선
자바스크립트 축소: 불필요한 공백 및 코드를 제거해 파일 크기 축소
CSS 축소: CSS 파일을 간소화해 로딩 속도 개선

위에서 보여주는 이미지최적화 요구외에 최적화는 아래 플러그인으로 성능을 업그레이드 할 수 있습니다.

현재 실행중인 최적화로는 html 및 방문페이지 리디렉션등이 사용되고 있지만 그래도 현저히 떨어지는 페이지속도 임을 알 수 있습니다.

그리고 제일 큰 개선 효과를 볼수 잇는 이미지최적화 기능을 통해 이미지의 형식을 압축하게 되면 기본적으로 80%의 속도개선을 보인다고 하느데 이 정도의 수치는 거의 대부분의 개선이라고도 볼 수 있습니다.

워드프레스 이미지최적화 플러그인 Smush

Smush는 이미지 최적화를 간단하게 도와주는 플러그인으로, 워드프레스에서 이미지를 업로드하거나 기존 이미지를 압축할 때 유용하게 사용할 수 있습니다.

이를 플러그인을 이용해 최적화 압축을 진행할 수 있으며 기본적으로 워드프레스 뿐만 아니라 홈페이지에 이미지를 업로드할때는 기본적인 이해가 필요합니다.

참고 : 이미지 최적화 워드프레스 사진 업로드 주의사항

워드프레스 관리자 페이지에서 플러그인 > 새로 추가로 이동합니다.

검색창에 Smush를 입력하고 플러그인을 설치한 뒤 활성화합니다.

이미지 압축 및 최적화 옵션

플러그인을 실행 후 벌크 스매쉬에 이미지 압축을 하게 되면 현재로서 52.4%를 할 수 있다고 합니다.

기능	무료 버전	유료(Pro) 버전
이미지 무손실 압축	지원	지원
벌크 이미지 최적화	50개씩 제한	제한 없음
자동 이미지 최적화	지원	지원
Super Smush (강화된 압축)	미지원	지원
이미지 크기 리사이즈	지원	지원
이미지 메타데이터 제거	지원	지원
Lazy Load (지연 로딩)	지원	지원
CDN 지원	미지원	지원 (최대 50GB)
WebP 이미지 변환	미지원	지원
디렉토리 외부 이미지 최적화	미지원	지원
우선 지원 및 빠른 업데이트	일반 지원	프리미엄 고객 전용 지원
보고서 및 성능 분석	제한적 제공	상세한 최적화 분석 보고서 제공
가격	무료	유료 (월 또는 연간 구독 필요)

벌크스매쉬는 이미지 갯수에 따라 시간이 오래 걸리수 있지만 이미지가 많은 사이트라면 필수 플러그인이라고 할 수 있습니다.

그 외에도 자동 Smush 를 체크하여 이미지를 사이트에 업로드 시 자동 최적화 기능을 활성화하면 앞으로 ^{이미지를 업로드 할때 자동으로 최적화}가 진행됩니다.

그 외에도 추가적으로 Super Smush – 다중 패스 손실 압축으로 2배이상의 최적화 및 이미지 내에 있는 메타 데이터 제거를 체크합니다.
이미지에 촬영한 위치나 시간 날짜등의 정보도 필요없다면 메타 데이터 제거를 통해 더욱 용량을 최소화할 수 있습니다.
이미지를 크게 해서 업로드한게 있다면 최대 너비 사이즈를 조정해서 로드 시간을 줄일 수 있습니다.

마지막으로 PNG 파일은 이미지에 투명도가 있어 용량이 JPG보다 매우 큰 장 단점이 있습니다.
투명도가 필요없는 홈페이지라면 PNG 파일을 JPEG로 바꿔주는 것도 큰 도움이 됩니다.

최적화 이후 성능 개선 효과

Smush 설정 및 이미지 최적화 작업 후 다시 페이지 속도를 측정해본 결과, 다음과 같은 성과를 확인할 수 있었습니다:

데스크톱 페이지 속도: 기존의 빨간불(느림)에서 녹색(최적화 우수)으로 개선
모바일 페이지 속도: 기존보다 중간 이상으로 상승

이미지 최적화는 간단한 작업만으로도 홈페이지 성능을 크게 개선할 수 있는 방법입니다. 특히 이미지가 많은 사이트에서는 로딩 속도 개선을 통해 방문자 경험을 향상시키고 SEO 점수도 긍정적으로 변화시킬 수 있습니다.

TIP: 추가적으로 Hummingbird, WP-Optimize, WP Rocket과 같은 플러그인을 함께 사용하면 이미지 외의 요소(자바스크립트, CSS, HTML 등)도 최적화할 수 있어 전체적인 성능 향상에 도움이 됩니다.

이렇게 홈페이지 속도가 너무 느린 분들은 간단하게 이미지 최적화만으로도 간단하게 어느정도 해결할 수 있으며 저 같은 경우 현재 Smush 플러그인에서 WP-Rocket 플러그인을 사용하면서 호환에 좋은 Imagify 플러그인으로 바꿨으며 자세한 내용은 아래참고하세요

참고 : 워드프레스 이미지 압축 Webp 변환 – Imagify
워드프레스 이미지 엑박 갑자기 안 뜰때 해결방법