Computer >> 컴퓨터 >  >> 네트워킹 >> 인터넷

워드프레스 이미지 최적화 플러그인 옵티머스(Optimus)로 이미지 용량 줄이고 로딩 속도 높이기

워드프레스 이미지 최적화 플러그인 옵티머스(Optimus)로 이미지 용량 줄이고 로딩 속도 높이기

온라인 비즈니스를 운영하는 웹마스터라면 구글을 비롯한 검색 엔진에서 좋은 순위를 얻는 핵심 요소 중 하나가 바로 빠른 로딩 속도라는 점을 잘 알고 있을 것입니다. 그래서 자주 듣게 되는 조언 역시 '이미지를 최대한 가볍게 최적화해 사이트 로딩 속도를 늦추지 말라'는 것인데요. 워드프레스를 사용하고 있다면 그 해결책으로 옵티머스(Optimus)라는 이미지 최적화 플러그인을 꼭 한번 시도해 볼 만합니다.

Optimus란 무엇인가?

Optimus는 KeyCDN이 개발한 워드프레스 플러그인으로, 사이트에 업로드하는 이미지를 자동으로 최적화하여 최대 70%까지 용량을 줄여줍니다.

워드프레스 이미지 최적화 플러그인 옵티머스(Optimus)로 이미지 용량 줄이고 로딩 속도 높이기

작동 방식은 간단합니다. 워드프레스에 새 이미지를 업로드하면 해당 이미지가 Optimus.io 서버로 전송되어 최적화된 뒤, 다시 내 서버로 돌아와 기존 파일을 대체하는 구조입니다. 이 모든 과정은 백그라운드에서 조용히, 실시간으로 처리되므로 사용자가 별도로 신경 쓸 부분이 없습니다.

Optimus는 무손실(lossless) 압축 방식을 사용하기 때문에 화질 저하 없이 원본 품질을 그대로 유지할 수 있습니다. 또한 이미지에서 불필요한 메타데이터를 모두 제거해 파일 크기를 더욱 줄여줍니다.

플러그인 자체는 무료로 제공되지만, 100KB 이하의 이미지에만 적용된다는 제한이 있습니다. 연 19달러짜리 유료 버전인 Optimus HQ로 업그레이드하면 모든 이미지를 웹P(.webp) 포맷으로 변환해 파일 크기를 더욱 획기적으로 줄일 수 있습니다. 참고로 글 작성 당시에는 웹P가 Chrome과 Opera에서만 지원되었지만, 현재는 Chrome, Edge, Firefox, Safari 등 대부분의 주요 브라우저가 웹P를 지원하므로 활용 범위가 훨씬 넓어졌습니다.

이미지 압축률 비교

Optimus가 다른 이미지 최적화 플러그인들과 비교해 어느 정도 성능을 보이는지 확인하기 위해, WP Smush와 Kraken, 그리고 Optimus 세 가지를 직접 비교 테스트해 보았습니다.

테스트에 사용된 이미지는 후지산 사진으로, 원본 파일 크기는 669,982바이트(약 672KB)입니다.

워드프레스 이미지 최적화 플러그인 옵티머스(Optimus)로 이미지 용량 줄이고 로딩 속도 높이기

동일한 이미지를 세 가지 플러그인으로 각각 최적화한 결과는 다음과 같습니다.

워드프레스 이미지 최적화 플러그인 옵티머스(Optimus)로 이미지 용량 줄이고 로딩 속도 높이기

이미지 최적화 서비스원본 이미지 크기(바이트)압축 후 이미지 크기(바이트)절감률(%)
Optimus669,982577,33713.83
WP Smush669,982577,36713.82
Kraken (무손실)669,982631,6535.72
Kraken (손실)669,982111,56383.35
Optimus (웹P)669,982109,92283.59

무손실 압축 기준으로 보면 Optimus가 13.83%로 가장 우수한 최적화 성능을 보였으며, WP Smush(13.82%)와 거의 동급입니다. 반면 Kraken의 무손실 압축은 5.72%에 그쳐 상당히 뒤처졌습니다.

다만 Kraken의 손실(lossy) 압축까지 고려하면 이야기가 달라집니다. Optimus는 손실 압축 서비스를 제공하지 않기 때문에, 손실 압축 시 절감률 차이는 83% 대 13%로 매우 큽니다. 흥미로운 점은 Optimus가 제공하는 웹P 변환이 손실 압축에 필적하는 83.59%의 절감률을 기록했다는 것입니다.

참고: WP Smush 역시 손실 압축을 지원하지만 프로(Pro) 유료 구독이 필요하기 때문에 이번 테스트에서는 제외했습니다.

웹P 이미지 제공하기

앞서 언급했듯이 웹P 포맷은 일부 브라우저에서만 지원됩니다. 그렇다면 "웹P를 지원하는 브라우저에만 웹P 이미지를 제공하려면 어떻게 해야 할까?"라는 질문이 남습니다. 이때 활용할 수 있는 것이 바로 WordPress Cache Enabler 플러그인입니다. Optimus와 같은 개발사(KeyCDN)가 만든 이 플러그인은 웹사이트의 정적 버전을 두 개 생성합니다. 하나는 일반 이미지 버전, 다른 하나는 웹P 이미지 버전입니다. 그런 다음 방문자의 브라우저가 웹P를 지원하는지 자동으로 감지해 적합한 버전을 제공합니다. W3 Total Cache나 WP Super Cache 같은 페이지 캐싱 플러그인에 웹P 지원 기능이 더해진 형태라고 생각하면 이해하기 쉽습니다.

결론

화질 저하를 감수하더라도 최대한의 용량 절감이 목표라면 Kraken Image Optimizer가 좋은 선택입니다(실제로 MakeTechEasier에서도 이를 사용하고 있습니다). 하지만 화질 손상 없는 무손실 압축과 웹P 지원을 원한다면 Optimus를 추천합니다. 여기에 KeyCDN 네트워크와 WP Cache Enabler까지 함께 활용하면 사이트 로딩 속도를 크게 개선할 수 있습니다.