EWWW Image Optimizer로 사이트 로딩 속도 향상

며칠 전 불쾌한 일을 겪었습니다. 나는 트위터에서 잘 팔린 기사를 읽고 싶어 링크를 클릭하여 관련 웹사이트로 리디렉션했습니다.

그리고 3초를 기다렸습니다. 4초. 5 초. 화면에서: 아무것도. 페이지를 새로 고치기 위해 3번의 강제 F5 키를 누른 후에도 여전히 아무 것도 없습니다. 그래서 조금 심술궂은 마음으로 사이트를 떠났습니다. 독서의 순간: 잊어라, 잊어라.

웹 페이지가 느리게 로드되는 데에는 몇 가지 이유가 있습니다. 종종 이것은 너무 큰 이미지 때문입니다.

EWWW Image Optimizer 플러그인은 무게를 줄이는 데 도움이 됩니다 .

덕분에 WordPress 사이트 페이지의 로딩 속도를 개선하고 방문자(예: 저)가 산문을 읽으려고 할 때 좌절감을 느끼지 않도록 할 수 있습니다.

이 기사의 끝에서 이 플러그인을 챔피언처럼 바로 사용하도록 구성하는 방법을 정확히 알게 될 것입니다.

원래 2019년 10월에 작성된 이 기사는 2022년 4월에 마지막으로 업데이트되었습니다.

EWWW 이미지 최적화 프로그램이란 무엇입니까?

EWWW Image Optimizer는 사이트 페이지의 로딩 속도를 향상시키기 위해 이미지의 무게를 압축하고 최적화하는 프리미엄 플러그인입니다. 압축 설정을 결정하고 이미지를 대량으로 최적화하고 크기를 조정할 수 있습니다. 플러그인은 기술 지식 없이도 코딩 없이도 사용할 수 있습니다.

900K 이상의 활성 설치에 설치된 EWWW Image Optimizer는 Smush( 1M 이상의 활성 설치) 및 Imagify( 600K 이상의 활성 설치)와 함께 이미지 최적화를 위한 공식 디렉토리에서 가장 인기 있는 플러그인 중 하나입니다 .

전반적으로 사용자에게 매우 인기가 있으며 작성 당시 별점 4.7/5의 우수한 평가를 받았습니다.

EWWW Image Optimizer 무료 버전의 주요 기능은 무엇입니까?

무료 버전에서 EWWW Image Optimizer를 사용하면 다음을 수행할 수 있습니다.

• 크기 제한 없이 이미지의 무게를 압축하고 최적화합니다 . 사실, 정확히 말하면 한도는 ... 150MB로 설정되어 있습니다. 그러나 나는 이것이 일어날 가능성이 없다고 말할 수도 있습니다.
• 자신의 서버에서 이미지를 압축합니다 . API 키를 등록하거나 요청할 필요가 없습니다.
• 모든 주요 이미지 형식 처리 : JPG, PNG, GIF, PDF 및 WebP.
• 대량 최적화 덕분에 사이트에 이미 있는 모든 이미지 를 한 번에 최적화할 수 있습니다.
• 미디어 라이브러리의 파일을 최적화할 뿐만 아니라 다른 폴더(예: 테마 이미지)의 파일도 최적화합니다.
• 30일 동안 무료로 이미지를 저장합니다 .

이미지 압축 플러그인을 사용하는 이유는 무엇입니까?

플러그인 설정 및 옵션 검색으로 넘어가기 직전에 핵심 질문에 답해 보겠습니다. 왜 플러그인을 사용하여 이미지를 압축합니까?

여기에는 몇 가지 좋은 이유가 있습니다.

1. 이미지는 웹 페이지 무게의 최대 절반을 나타낼 수 있습니다 . 가중치를 최적화하면 페이지가 더 빨리 로드됩니다.
2. 방문자에게 더 나은 사용자 경험을 제공합니다 . 로드하기에 너무 느린 사이트는 사용자가 원하는 것을 빨리 찾지 못하면 다른 곳으로 이동할 가능성이 있는 사용자에게 좌절감을 줍니다.
3. 당신 은 당신 의 SEO 를 돌봅니다 . 로딩 속도는 백링크나 콘텐츠의 관련성과 같은 주요 요소에 비해 가중치가 거의 없더라도 Google 알고리즘이 페이지를 배치하기 위해 고려하는 기준입니다.
4. 최적화된 이미지로 빠르게 로드되는 사이트 는 이탈률을 제한하는 데 도움이 됩니다.

최고의 WordPress 프로젝트에는 최고의 호스트가 필요합니다!

WPMarmite는 Bluehost: 뛰어난 성능, 뛰어난 지원을 권장합니다. 멋진 시작을 위해 필요한 모든 것.

블루호스트 사용해보기

물론 이미지를 압축하는 편집 소프트웨어가 있습니다. 예를 들어 Adobe Photoshop과 "웹용으로 저장" 기능을 생각하고 있습니다. 또는 TinyPNG, Jpeg.io 또는 Compressor.io와 같은 온라인 도구도 있습니다.

그러나 플러그인에 비해 세 가지 주요 제한 사항이 있습니다.

1. 이러한 도구는 항상 무료는 아니며 작동 방식이 마음에 들지 않을 수도 있습니다.
2. 압축 정도는 전용 WordPress 플러그인만큼 효과적이지 않을 수 있습니다 .
3. 타사 소프트웨어를 사용하면 인터페이스와 WordPress 사이트 간에 "강제로" 이동해야 합니다 . 플러그인을 사용하면 사이트 대시보드에서 직접 모든 옵션을 사용할 수 있으므로 많은 시간을 절약할 수 있습니다.

이제 이 에피타이저를 ​​마치고 메인 코스로 넘어가 보겠습니다. EWWW Image Optimizer 설정 방법에 대해 자세히 알아보겠습니다.

EWWW Image Optimizer 설정 방법: 튜토리얼

이미지의 무게를 최적화하는 방법은 무엇입니까?

WordPress 관리 인터페이스에서 메뉴 플러그인 > 플러그인 추가를 통해 EWWW Image Optimizer를 설치 및 활성화하여 시작하십시오.

이 작업이 완료되면 왼쪽 사이드바에서 설정 > EWWW Image Optimizer 를 클릭하여 플러그인의 설정 메뉴로 이동합니다.

보시다시피 플러그인이 작동을 시작하는 데 두 단계만 필요합니다.

1단계: 목표 선택

플러그인은 먼저 목표를 선택하도록 요청합니다.

• 사이트 속도를 높이거나 저장 공간을 절약하려면 해당 상자를 선택하십시오. 이 자습서의 목적을 위해 두 옵션을 모두 선택합니다.
• 플러그인의 Pro 패키지로 전환할지 여부를 결정합니다.

완료되면 파란색 "다음" 버튼을 클릭합니다.

2단계: 설정 확인

다음 화면에서 플러그인은 사이트에 권장하는 설정을 확인하도록 요청합니다.

• 메타데이터를 제거합니다 . 플러그인은 "EXIF, 주석, 색상 프로필 및 픽셀 데이터가 아닌 모든 메타데이터를 제거합니다"라고 지정합니다.
• 게으른 활성화 이미지를 로드 합니다. 즉, 스크롤 시 방문자의 화면에 표시되면 로드됩니다.
• WebP 변환 . WebP는 Google에서 제안한 매트릭스 이미지 형식입니다. 품질 손실 없이 JPG 또는 PNG보다 더 많은 이미지를 압축합니다. 참고로 WordPress는 버전 5.8부터 이 형식을 기본적으로 지원합니다. 플러그인은 한 가지 주요 사항에 대해 경고합니다. WebP 형식으로 변환하면 스토리지 요구 사항이 늘어납니다.
  EWWW Image Optimizer가 Pro 버전에서만 제공하는 CDN( Content Delivery Network )인 Easy IO의 사용을 권장합니다.
• 이미 업로드한 이미지 의 너비와 높이 크기를 조정합니다 .
• WordPress 대시보드에서 문서 및 지원에 액세스합니다 .

시작하려면 기본 설정을 사용할 수 있습니다. 나중에 언제든지 변경할 수 있습니다. 계속하려면 "설정 저장"을 클릭하십시오.

모든 준비가 완료되었습니다. EWWW Image Optimizer가 이제 구성되었으며 작동할 준비가 되었습니다!

플러그인은 새 업로드가 자동으로 최적화된다고 말합니다. 그러니 편안히 앉아 휴식을 취하세요. 플러그인이 모든 것을 처리해 줄 것입니다.

EWWW Image Optimizer 대시보드는 무엇을 제공합니까?

모든 설정이 구성되면 EWWW Image Optimizer가 두 부분으로 나눌 수 있는 대시보드로 리디렉션합니다.

페이지 상단의 삽입물에는 다음이 표시됩니다.

• 이미지의 최적화 점수 (제 경우에는 40%). 이 점수를 향상시키기 위한 권장 사항도 제안됩니다.
• 로컬 압축 절감 (248,39KO). 미디어 라이브러리로 이동하면 각 파일에 대한 최적화 개요가 표시됩니다. 예를 들어 고양이 이미지가 7.7% 감소하여 56.8KB가 손실되었습니다.

페이지의 나머지 부분은 3개의 탭을 제공합니다.

• 기본 을 사용하면 지연 로드, 이미지 크기 조정 또는 WebP 변환과 관련하여 원하는 대로 조정할 수 있습니다.
• 지원 은 사이트를 디버그하거나 복구할 수 있는 옵션을 제공합니다. 예를 들어 무료 버전(!)에서도 설명서에 대한 링크와 지원팀에 직접 연락할 수 있는 다른 링크를 찾을 수 있습니다.
• Contribute 는 예를 들어 사용 추적을 허용하거나 플러그인을 번역하여 플러그인 개선에 기여할 수 있는 가능성을 제공합니다.

그게 다야? EWWW Image Optimizer는 또 다른 편리한 옵션도 제공합니다. 다음 부분에서 알아보십시오.

EWWW Image Optimizer로 이미지를 대량으로 최적화하는 방법은 무엇입니까?

일괄 최적화는 동일한 페이지에서 한 번에 이미지의 가중치를 최적화하는 것으로 구성됩니다.

이를 활용하려면 미디어 > 대량 최적화 로 이동합니다. "최적화되지 않은 이미지 분석" 버튼을 클릭하면 플러그인이 처리할 가치가 있는 이미지를 감지합니다.

참고로 EWWW Image Optimizer는 미디어 라이브러리의 이미지뿐 아니라 테마의 이미지도 스캔합니다. "BuddyPress 아바타, BuddyPress Activity Plus 이미지, Meta Slider 슬라이드, WP Symposium Pro 아바타, GD bbPress 첨부 파일, Grand Media 갤러리 및 모든 다른 사용자 지정 폴더" .

플러그인을 백그라운드에서 실행하면 몇 초 안에 완료됩니다.

이제 EWWW Image Optimizer가 어떻게 작동하는지 알게 되었습니다. 무료 버전이 제한된 것 같습니까? 플러그인에는 다음 섹션에서 설명하는 프리미엄 제안이 있습니다.

EWWW Image Optimizer의 비용은 얼마입니까?

EWWW Image Optimizer는 프리미엄 모델을 기반으로 합니다. 한편으로는 WordPress 대시보드에서 활성화할 수 있는 무료 플러그인을 즐길 수 있습니다.

기본 요구 사항(이미지 무게 줄이기)을 충족하며 시작하기에 충분합니다.

더 나아가 플러그인의 미국 개발자인 Shane Bishop은 3가지 플러그인으로 구성된 프리미엄 패키지를 제공합니다.

1. Easy Image Optimizer: 무료 플러그인에서 이미지를 자동으로 압축하는 데 사용되는 CDN입니다.
   또한 CSS 및 JavaScript 파일을 줄여 페이지의 무게를 줄입니다.
2. Compress API : 덕분에 이미지 최적화가 더욱 향상됩니다(중량 감소). 30일 동안 EWWW 서버에 이미지를 저장할 수도 있습니다.
3. 스위스 퍼포먼스 . 이 플러그인은 페이지 캐싱, Google 글꼴 최적화 또는 CSS 및 JavaScript 파일 축소를 제공하는 도구 상자입니다.

총 3개의 라이선스가 제공되며 가격은 1개 사이트에서 월 $7, 무제한 사용은 월 $25 입니다.

라이선스가 비쌀수록 더 많은 옵션과 대역폭을 얻을 수 있습니다. 각 라이선스는 7일 무료 평가판을 제공하며 1년을 선불로 지불하면 2개월을 무료로 사용할 수 있습니다.

Easy Image Optimizer의 경우 월 $5, Compress API의 경우 1,500 이미지 크레딧에 대해 월 $3, SWIS Performance의 경우 연간 $30의 요금으로 각 플러그인을 개별적으로 구입할 수도 있습니다.

WPMarmite 가입자 가입

마지막 WPMarmite 게시물(및 독점 리소스도 포함)을 가져옵니다.

지금 구독

이미지를 최적화하는 데 사용할 수 있는 다른 플러그인은 무엇입니까?

이 기사를 시작할 때부터 EWWW Image Optimizer에 대해 언급했습니다. 효율적인 만큼 시장에 나와 있는 것은 아닙니다.

Imagify 및 Smush도 언급했지만 다음과 같은 다른 대안이 있습니다.

• 짧은 픽셀
• 옵티몰
• reSmush.it
• 로빈 이미지 옵티마이저
• WP 압축
• TinyPNG(이전에 언급한 도구도 이 플러그인을 제공함)

나는 그들 모두를 자세히 알지 못하지만 이미지를 최적화하기 위해 플러그인을 선택할 때 다음 팁을 따르도록 조언합니다.

• 최적화 할 파일의 최대 크기와 제한 사항을 확인하십시오 .
• 귀하의 요구 사항을 실제로 충족하는 플러그인을 찾기 위해 제공되는 옵션을 살펴보십시오 . 예를 들어, 대량 최적화 옵션은 종종 환영받습니다.
• 인터페이스에 주의하십시오 . 가능한 한 사용하기 쉬워야 합니다.
• 이미지 압축에 지원되는 파일 유형을 확인하십시오 . 최소한 JPEG, PNG, GIF, PDF, WebP, SVG 등의 기본 형식이 포함되어야 합니다.
• 문제의 플러그인에서 어떤 압축 형식을 사용하는지 알아보십시오 . 가장 일반적인 플러그인 형식은 손실 및 무손실입니다. 손실 압축을 사용하면 이미지 품질이 약간 떨어지지만 이미지 크기 감소는 무손실 압축보다 더 큽니다.

이제 전환 없이 EWWW Image Optimizer 플러그인을 테스트한 후 평가를 작성해 보겠습니다.

EWWW Image Optimizer에 대한 최종 의견

플러그인의 장점

• 플러그인은 설정 및 사용이 매우 쉽습니다 . 몇 가지 기본 설정을 마치면 모든 것이 자동으로 이루어집니다.
• 이미지 최적화를 위한 크기 제한 (또는 거의)이 없습니다.
• 모든 사용자를 위한 무료 이메일 지원.
• 이미지에 대한 대량 최적화 옵션은 하나씩 진행하지 않고 많은 시간을 절약하는 데 매우 실용적입니다.
• 무료 버전에서도 지연된 이미지 로드를 활성화할 수 있습니다.

플러그인의 단점

• EWWW는 자체 서버에서 실행되기 때문에 많은 메모리를 사용 합니다. 최적화할 이미지가 많고 성능이 좋지 않은 호스팅 제안이 있는 경우 문제가 발생할 수 있습니다.
• 인터페이스는 특히 Imagify가 제공하는 것과 비교할 때 시장에서 가장 매력적이지 않습니다 .
• 프리미엄 제안의 명확성이 부족합니다 . EWWW Image Optimizer는 우선 번들 라이선스(3개의 플러그인 포함)를 홍보하지만 각 라이선스를 개별적으로 얻을 수도 있습니다. 그 외에는 눈을 뜨셔야 합니다.

EWWW Image Optimizer는 누구를 위해 설계되었습니까?

EWWW Image Optimizer는 단순히 이미지의 무게를 최적화하려는 모든 사람에게 적합합니다.

사용하기 쉽기 때문에 WordPress를 처음 사용하는 사람들에게 자연스러운 선택입니다 .

재정적 위험을 감수하지 않고 테스트하려는 사람들에게도 적합합니다. 무료 버전은 최적화를 진행하기에 이미 흥미롭습니다.

EWWW 이미지 최적화 도구 다운로드:

개인적으로 플러그인이 효율적이고 실용적이라는 것을 알았지만 사진의 무게를 줄이는 것이 가장 효율적이지 않습니다 (적어도 무료 버전에서는).

WPMarmite 블로그에 소개된 Imagify는 예를 들어 최대 85%의 압축 이득을 달성했습니다(이 테스트에서 EWWW Image Optimizer로 최대 30% 미만).

반면에 무료 할당량은 월 20MB로 제한되어 있어 EWWW Image Optimizer에 비해 실질적인 단점입니다.

마지막으로 WordPress 사이트의 로딩 시간을 최적화하려면 프리미엄 플러그인인 WP Rocket(제휴 링크)을 선택하십시오. 매우 사용하기 쉬운 이 캐시 플러그인(활성화하자마자 그대로 작동)을 통해 파일, 데이터베이스 및 미디어까지 최적화할 수 있습니다.

EWWW Image Optimizer에 대해 어떻게 생각하십니까? 귀하의 사이트에서 이미 활성화되어 있습니까? 의견을 남겨주세요.