EWWW Image Optimizer ile sitenizin yükleme hızını artırın

Birkaç gün önce tatsız bir deneyim yaşadım. Twitter'da çok satılan bir makaleyi okumak için can atıyordum, bu yüzden beni ilgili web sitesine yönlendiren bağlantıya tıkladım.

Sonra 3 saniye bekledim. 4 saniye. 5 saniye. Ekranda: hiçbir şey. Sayfayı yenilemek için 3 zorunlu F5 vuruşundan sonra: hala hiçbir şey. Bu yüzden siteden biraz huysuz ayrıldım. Okuma anı: gitti, unut gitsin.

Bir web sayfasının yüklenmesinin yavaş olmasının birkaç nedeni vardır. Çoğu zaman, bunun nedeni çok büyük resimlerdir.

EWWW Image Optimizer eklentisi, ağırlıklarını azaltmanıza yardımcı olmak için burada .

Bu sayede, WordPress sitenizin sayfalarının yüklenme hızını artırabilecek ve ziyaretçilerinizin (örneğin benim) nesirlerinizi okumaya çalışırken hayal kırıklığına uğramasını önleyebileceksiniz.

Bu makalenin sonunda, bu eklentiyi bir şampiyon gibi hemen kullanmak için tam olarak nasıl yapılandıracağınızı öğreneceksiniz.

İlk olarak Ekim 2019'da yazılmış olan bu makale en son Nisan 2022'de güncellenmiştir.

EWWW Görüntü Optimize Edici nedir?

EWWW Image Optimizer, sitenizin sayfalarının yüklenme hızını iyileştirmek için resimlerinizin ağırlığını sıkıştıran ve optimize eden bir freemium eklentisidir. Sıkıştırma ayarına karar verebilir, resimlerinizi toplu olarak optimize edebilir ve yeniden boyutlandırabilirsiniz. Eklenti herhangi bir teknik bilgi gerektirmeden ve kodlamaya gerek duymadan kullanılabilir.

900K+ aktif kuruluma kurulan EWWW Image Optimizer, Smush ( 1M+ aktif kurulumlar) ve Imagify ( 600K+ aktif kurulumlar) ile birlikte resimlerinizi optimize etmek için resmi dizindeki en popüler eklentilerden biridir .

Genel olarak, yazarken mükemmel bir 4.7/5 yıldız derecesi veren kullanıcılar arasında çok popülerdir.

EWWW Image Optimizer'ın ücretsiz sürümünün ana özellikleri nelerdir?

Ücretsiz sürümünde, EWWW Image Optimizer şunları yapmanızı sağlar:

• Herhangi bir boyut sınırlaması olmaksızın resimlerinizin ağırlığını sıkıştırın ve optimize edin . Aslında, kesin olmak gerekirse, sınır… 150 MB olarak belirlenmiştir. Ancak bunun pek olası olmadığını da söyleyebilirim.
• Resimlerinizi kendi sunucunuzda sıkıştırın . Bir API anahtarı kaydetmeniz veya talep etmeniz gerekmez.
• Tüm ana görüntü formatlarını işleyin : JPG, PNG, GIF, PDF ve WebP.
• Toplu optimizasyon sayesinde sitenizde bulunan tüm görselleri bir kerede optimize edin.
• Medya Kitaplığındaki dosyaları ve aynı zamanda diğer klasörlerdeki dosyaları (örn. tema resimleriniz) optimize edin .
• Resimlerinizi 30 gün boyunca ücretsiz olarak saklayın .

Neden bir görüntü sıkıştırma eklentisi kullanmalısınız?

Eklentiyi kurmaya ve seçeneklerini keşfetmeye geçmeden hemen önce, temel bir soruyu cevaplayalım: neden resimlerinizi sıkıştırmak için bir eklenti kullanıyorsunuz?

Bunun birkaç iyi nedeni var:

1. Görüntüler, bir web sayfasının ağırlığının yarısını temsil edebilir . Ağırlıklarını optimize ederek sayfalarınızın daha hızlı yüklenmesini sağlarsınız.
2. Ziyaretçilerinize daha iyi bir kullanıcı deneyimi sunarsınız . Yüklenmesi çok yavaş olan bir site, aradığını hemen bulamazsa muhtemelen başka bir yere gidecek olan kullanıcı için sinir bozucudur.
3. SEO'nuza dikkat edin . Yükleme hızı, geri bağlantılar veya içeriğinizin alaka düzeyi gibi ana faktörlere kıyasla çok az ağırlığı olsa bile, bir sayfayı konumlandırmak için Google algoritması tarafından dikkate alınan bir kriterdir.
4. Optimize edilmiş resimlerle hızlı bir şekilde yüklenen bir site , hemen çıkma oranını sınırlamaya yardımcı olur.

En iyi WordPress projelerinizin en iyi ana bilgisayara ihtiyacı var!

WPMarmite, Bluehost'u önerir: harika performans, harika destek. Harika bir başlangıç ​​için ihtiyacınız olan her şey.

Bluehost'u deneyin

Elbette, resimlerinizi sıkıştırmak için düzenleme yazılımları var. Örneğin Adobe Photoshop ve onun “Web için Kaydet” özelliğini düşünüyorum. Veya TinyPNG, Jpeg.io veya Compressor.io gibi çevrimiçi araçlar bile.

Ancak, bir eklentiye kıyasla üç ana sınırlamaları vardır:

1. Bu araçlar her zaman ücretsiz değildir ve nasıl çalıştıkları konusunda rahat olmayabilirsiniz.
2. Sıkıştırma derecesi, özel bir WordPress eklentisi kadar etkili olmayabilir .
3. Üçüncü taraf bir yazılım kullanmak, sizi arayüzü ile WordPress siteniz arasında ileri geri gitmeye "zorlar" . Bir eklenti ile, tüm seçenekler doğrudan sitenizin kontrol panelinde bulunur ve bu da çok zaman kazandırır.

Şimdi bu mezeden sonra ana yemeğe geçelim. EWWW Image Optimizer'ın nasıl kurulacağını ayrıntılı olarak keşfedelim.

EWWW Image Optimizer nasıl kurulur: öğretici

Resimlerinizin ağırlığı nasıl optimize edilir?

WordPress yönetim arayüzünüzde, menü eklentileri > Eklenti Ekle aracılığıyla EWWW Image Optimizer'ı yükleyip etkinleştirerek başlayın:

Bu işlem yapıldıktan sonra, Ayarlar > EWWW Image Optimizer öğesine tıklayarak sol taraftaki kenar çubuğunuzdaki eklentinin kurulum menüsüne gidin.

Göreceğiniz gibi, eklentinin çalışmaya başlaması için sadece iki adım gereklidir.

Adım 1: Hedeflerinizi seçin

Eklenti önce hedeflerinizi seçmenizi ister:

• Sitenizi hızlandırmak ve/veya depolama alanından tasarruf etmek istiyorsanız ilgili kutuyu/kutuları işaretleyin. Bu eğitimin amacı için her iki seçeneği de seçiyorum.
• Eklentinin Pro paketine geçmek isteyip istemediğinize karar verin.

İşiniz bittiğinde mavi "İleri" düğmesine tıklayın.

2. Adım: Ayarlarınızı onaylayın

Bir sonraki ekranda eklenti, siteniz için önerdiği ayarları doğrulamanızı ister.

• Meta verileri kaldırın . Eklenti, bunun "tüm meta verileri kaldıracağını: EXIF, yorumlar, renk profilleri ve piksel verisi olmayan her şeyi" belirtir .
• Tembel'i Etkinleştir Resimlerinize yükleyin . Bu, yalnızca kaydırma sırasında ziyaretçinizin ekranında göründüklerinde yüklenecekleri anlamına gelir.
• WebP dönüştürme . WebP, Google tarafından önerilen bir matris görüntü formatıdır. Görüntüleri kalite kaybı olmadan JPG veya PNG'den bile daha fazla sıkıştırır. Bilginize, WordPress, 5.8 sürümünden beri bu formatı doğal olarak desteklemektedir. Eklenti sizi önemli bir nokta hakkında uyarır: WebP formatına dönüştürmek, depolama ihtiyaçlarınızı artıracaktır.
  EWWW Image Optimizer tarafından yalnızca Pro sürümünde sunulan bir CDN ( İçerik Dağıtım Ağı ) olan Easy IO'nun kullanılmasını önerir.
• Halihazırda yüklediğiniz resimlerin genişliğini ve yüksekliğini yeniden boyutlandırın .
• WordPress kontrol panelinizden belgelere ve desteğe erişin .

Başlangıç ​​olarak, varsayılan ayarları kullanabilirsiniz. Bunları daha sonra istediğiniz zaman değiştirebileceksiniz. Devam etmek için “Ayarları Kaydet”e tıklayın:

İşte bu kadar, hazırsınız. EWWW Image Optimizer artık yapılandırıldı ve çalışmaya hazır!

Eklenti, yeni yüklemelerin otomatik olarak optimize edileceğini söylüyor. Arkanıza yaslanın ve rahatlayın: eklenti sizin için her şeyi yapacak.

EWWW Image Optimizer kontrol paneli ne sunuyor?

Tüm ayarlarınız yapılandırıldığında, EWWW Image Optimizer sizi iki bölüme ayrılabilen panosuna yönlendirir.

Sayfanın üst kısmında bir ek size şunları gösterir:

• Resimlerinizin optimizasyon puanı ( benim durumumda %40). Bu puanın iyileştirilmesi için öneriler de sunulmaktadır.
• Yerel sıkıştırma tasarrufu (248,39 KO). Medya Kitaplığınıza giderseniz, her dosyanın optimizasyonuna ilişkin bir genel bakışa sahip olursunuz. Örneğin, bir kedinin görüntüsü 56,8 KB'lık bir kayıpla %7,7 oranında azaltılmıştır.

Sayfanın geri kalanı 3 sekme sunar:

• Temel , örneğin gecikmeli yükleme, resimlerinizi yeniden boyutlandırma veya WebP dönüştürme ile ilgili tercih ettiğiniz ayarlamaları yapmanızı sağlar.
• Destek , sitenizde hata ayıklama veya onarma seçenekleri sunar. Örneğin, ücretsiz sürümde (!) bile, belgelere bir bağlantı ve doğrudan desteğe başvurmak için başka bir bağlantı bulacaksınız.
• Contribute , örneğin kullanımının izlenmesine izin vererek veya onu çevirerek, eklentinin geliştirilmesine katkıda bulunma imkanı sunar.

Hepsi bu kadar mı? Hayır, EWWW Image Optimizer ayrıca başka bir kullanışlı seçenek sunuyor. Bir sonraki bölümde keşfedin.

EWWW Image Optimizer ile görüntüleri toplu olarak nasıl optimize edebilirim?

Toplu optimizasyon, aynı sayfadan tek seferde resimlerinizin ağırlığını optimize etmekten oluşur.

Bundan yararlanmak için Medya > Toplu Optimize Et'e gidin. “Optimize edilmemiş görüntüleri analiz et” düğmesine tıklayın ve eklenti, işlenmeyi hak eden görüntüleri algılayacaktır.

Bilginize, EWWW Image Optimizer, Medya Kitaplığınızdaki görüntüleri ve aynı zamanda temanızdaki görüntüleri ve “BuddyPress avatarları, BuddyPress Activity Plus görüntüleri, Meta Slider slaytları, WP Symposium Pro avatarları, GD bbPress ekleri, Grand Media galerileri ve diğer kullanıcı tarafından belirtilen diğer klasör” .

Eklentinin arka planda çalışmasına izin verin ve birkaç saniye içinde bitti.

Artık EWWW Image Optimizer'ın nasıl çalıştığını biliyorsunuz. Ücretsiz sürüm sınırlı görünüyor? Eklenti, bir sonraki bölümde açıklanan premium bir teklife sahiptir.

EWWW Image Optimizer'ın maliyeti nedir?

EWWW Image Optimizer, ücretsiz bir modele dayanmaktadır. Bir yandan, WordPress kontrol panelinizden etkinleştirilebilen ücretsiz eklentinin keyfini çıkarabilirsiniz.

Temel ihtiyacı (resimlerinizin ağırlığını azaltarak) karşılar ve başlangıç ​​için yeterlidir.

Eklentinin Amerikalı geliştiricisi Shane Bishop, daha da ileri gitmek için 3 eklentiden oluşan premium bir paket sunuyor:

1. Easy Image Optimizer: Bu, resimlerinizi otomatik olarak sıkıştırmak için ücretsiz eklentide kullanılan CDN'dir.
   Ayrıca, sayfalarınızın ağırlığını azaltmak için CSS ve JavaScript dosyalarınızı da azaltır.
2. Sıkıştırma API'si : Bu sayede, resimlerinizin optimizasyonu daha da gelişmiş olacaktır (ağırlıklarında daha fazla azalma). Ayrıca resimlerinizi 30 gün boyunca EWWW sunucularında saklayabilirsiniz.
3. İsviçre Performansı . Bu eklenti, sayfalarınızın önbelleğe alınmasını, Google Yazı Tiplerinizin optimizasyonunu veya CSS ve JavaScript dosyalarınızın küçültülmesini sağlayan bir araç kutusudur.

Toplamda, 1 sitede kullanım için aylık 7 ABD Doları ile sınırsız kullanım için aylık 25 ABD Doları arasında değişen fiyatlarla 3 lisans sunulmaktadır.

Lisans ne kadar pahalıysa, o kadar fazla seçenek ve bant genişliği elde edersiniz. Her lisans 7 günlük ücretsiz deneme süresi sunar ve bir yıllık peşin ödeme yaparsanız iki ay ücretsiz alırsınız.

Ayrıca, her bir eklentiyi aşağıdaki oranlarda tek tek satın alabileceğinizi unutmayın: Easy Image Optimizer için ayda 5 ABD dolarından, Compress API için 1,500 görüntü kredisi için ayda 3 ABD dolarından ve SWIS Performansı için 30 ABD dolarından başlayan fiyatlarla.

WPMarmite abonelerine katılın

Son WPMarmite gönderilerini (ve ayrıca özel kaynakları) alın.

ŞİMDİ ABONE OL

Resimlerinizi optimize etmek için başka hangi eklentiler mevcut?

Bu makalenin başından beri EWWW Image Optimizer'dan bahsettim. Ne kadar verimli olursa olsun, piyasada tek değildir.

Imagify ve Smush'tan da bahsettim, ancak başka alternatifler de var, örneğin:

• KısaPiksel
• Optimol
• reSmush.it
• Robin görüntü iyileştirici
• WP Sıkıştırma
• TinyPNG (daha önce bahsettiğim araç bu eklentiyi de sunuyor)

Hepsini detaylı olarak bilmiyorum ama resimlerinizi optimize etmek için bir eklenti seçerken şu ipuçlarını izlemenizi tavsiye ederim:

• Optimize edilecek dosyaların maksimum boyutunu ve uygulanan sınırlamaları kontrol edin .
• İhtiyaçlarınızı gerçekten karşılayan bir eklenti bulmak için sunulan seçeneklere bir göz atın . Örneğin, toplu optimizasyon için bir seçenek genellikle memnuniyetle karşılanır.
• Arayüze dikkat edin : Mümkün olduğunca kullanımı kolay olmalıdır.
• Resimlerinizi sıkıştırmak için desteklenen dosya türlerini kontrol edin . En azından şu klasik formatlar dahil edilmelidir: JPEG, PNG, GIF, PDF, WebP, hatta SVG.
• Söz konusu eklenti tarafından hangi sıkıştırma biçimlerinin kullanıldığını öğrenin . En yaygın eklenti biçimleri kayıplı ve kayıpsızdır. Kayıplı sıkıştırmada görüntü bir miktar kalite kaybeder, ancak görüntü boyutundaki küçülme kayıpsız sıkıştırmaya göre daha fazladır.

Şimdi, herhangi bir geçiş yapmadan, EWWW Image Optimizer eklentisinin bu testinden sonra bir değerlendirme yapalım.

EWWW Image Optimizer hakkındaki son görüşümüz

Eklentinin avantajları

• Eklentinin kurulumu ve kullanımı çok kolaydır . Birkaç temel ayardan sonra her şey otomatik olarak gerçekleşir.
• Görüntülerin optimize edilmesi için boyut sınırlamasının (veya neredeyse) olmaması .
• Tüm kullanıcılar için ücretsiz e-posta desteği.
• Resimleriniz için toplu optimizasyon seçeneği, tek tek ilerlemekten kaçınmak ve çok zaman kazanmak için çok pratik.
• Ücretsiz sürümde bile resimlerinizin gecikmeli yüklenmesini etkinleştirme imkanı.

Eklentinin dezavantajları

• EWWW, kendi sunucunuzda çalıştığı için çok fazla bellek kullanır . Optimize edilecek çok sayıda resminiz ve düşük performans gösteren bir barındırma teklifiniz varsa, takılabilir.
• Arayüz piyasadaki en çekici değil , özellikle de örneğin Imagify'ın sunduklarıyla karşılaştırırsanız.
• Premium tekliflerde netlik eksikliği . EWWW Image Optimizer her şeyden önce paket lisanslarını (3 eklenti dahil) tanıtır, ancak her lisansı ayrı ayrı da alabilirsiniz. Bunun dışında, gözlerinizi açmalısınız.

EWWW Image Optimizer kimler için tasarlanmıştır?

EWWW Image Optimizer, sadece görüntülerinin ağırlığını optimize etmek isteyen herkes için uygundur.

Kullanım kolaylığı, onu WordPress'te yeni olan insanlar için doğal bir seçim haline getirir.

Herhangi bir finansal risk almadan test etmek isteyenler için de uygundur. Ücretsiz sürümü, optimizasyonlara devam etmek için zaten ilginç.

EWWW Image Optimizer'ı indirin:

Şahsen, eklentiyi verimli ve pratik buldum, ancak fotoğraflarınızın ağırlığını azaltmak için en verimli değil (en azından ücretsiz sürümünde).

WPMarmite blogunda sunulan Imagify, örneğin %85'e varan bir sıkıştırma kazancı elde etmişti (bu testte EWWW Image Optimizer ile maksimum %30'dan daha az).

Öte yandan, ücretsiz kotası ayda 20 MB ile sınırlıdır ve bu, EWWW Image Optimizer'a kıyasla gerçek bir dezavantajdır.

Son olarak, WordPress sitenizin yükleme süresini optimize etmek istiyorsanız, premium eklenti WP Rocket'i (bağlı kuruluş bağlantısı) seçin. Bu kullanımı çok kolay önbellek eklentisi – etkinleştirdiğiniz anda hemen çalışır – ayrıca dosyalarınızı, veritabanınızı ve hatta medyanızı optimize etmenize olanak tanır.

EWWW Image Optimizer hakkında ne düşünüyorsunuz? Sitenizde zaten aktif mi? Yorum bırakarak bize görüşlerinizi bildirin.