WordPress'te Görüntü Optimizasyonu: Başlangıç ​​Kılavuzu ve Eklentileri İnceleme

WordPress'in hız konusunda daha az bilindiğini hepimiz biliyoruz. Bir WordPress sitesinin performansını artırmak için biraz çaba gösterilmelidir. Bunu yapmanın birkaç yolu vardır, bunlardan biri WordPress'teki görüntüleri optimize etmektir.

Bir araştırmaya göre, bir ziyaretçinin dikkatini çekmek için sadece 7 saniyeniz var. Varsa, tekrar eden ziyaretçi olma şansı var. Değilse, bir siteyi bir daha ASLA ziyaret etmeyebilir!

Bugün size görüntü optimizasyonunun faydalarını anlatacağım ve sadece görüntüleri optimize ederek bir WordPress sitesini nasıl hızlandırabileceğiniz konusunda rehberlik edeceğim.

Görüntü Optimizasyonunun Avantajları

• Daha az bant genişliği ve depolama alanı tüketin
• Sayfa boyutunu küçültür
• Daha hızlı yükleme süreleri
• Hızlı yüklenen sayfalar nedeniyle SEO'yu artırın
• Siz ve ziyaretçileriniz için mobil veri planını kaydeder

Görüntüler için Doğru Dosya Formatını Kullanın

Başlamadan önce, belirli bir görüntü için hangi dosya türünün kullanılacağını bilmemiz için görüntü dosyası formatlarını doğru bir şekilde anlamamız gerekir. Yaygın olarak kullanılan üç görüntü dosyası formatı vardır.

1. JPG: Gerçekçi görüntüler ve fotoğraflar için JPG veya JPEG görüntüler kullanılır.
2. PNG: PNG görüntüleri, çizgi resimler, metin ağırlıklı görüntüler ve az renkli görüntüler için kullanışlıdır.
3. GIF: GIF, çizimleri, metinleri ve ikonik grafikleri depolamak için iyi bir seçimdir.

Yüklemeden Önce Resmi Optimize Edin

Görüntüleri oluşturan ilk adımdan başlayalım. Görüntüleri bir WordPress sitesine yüklemeden önce optimize etmeniz her zaman önerilir. Photoshop gibi araçları kullanabilirsiniz. Photoshop'a aşina değilseniz, görüntü boyutunu veya TinyPNG, Kraken, Optimizilla ve Compressor gibi herhangi bir çevrimiçi aracı azaltacak bir masaüstü aracı RIOT kullanabilirsiniz.

Deneyimlerimize göre, Optimizilla hem kalite hem de dosya boyutu açısından en iyi sonucu verir. En iyi optimizasyonu üretir, minimum dosya boyutlarını verir. Optimizilla'nın tek dezavantajı sadece kayıplı sıkıştırmaya sahip olmasıdır.

Kraken ve Kompresör benzer çıktılara sahiptir. Her ikisi de kayıplı ve kayıpsız sıkıştırma sunar. Çıktı dosyası boyutu Optimizilla kadar iyi değil ama yine de iyi.

TinyPNG, daha büyük dosya boyutları ürettiği için listedeki belki de en kötüsüdür.

WordPress'te Görüntüleri Optimize Edin

WordPress, web'in %33'ünden fazlasına güç sağlar. Katkıda bulunanları ve geliştiricileri sayesinde hemen hemen her gereksinim için bir çözüm sunar. İnternette çok sayıda görüntü optimizasyon eklentisi bulunmaktadır. Bugünün makalesinde, WordPress için 3 farklı ücretsiz görüntü optimizasyon eklentisini karşılaştıracağım.

1. WP Sıkıştır
2. EWWW Görüntü İyileştirici
3. TP Görüntü İyileştirici
4. KısaPiksel

WP Sıkıştır

WP Smush, WPMU Dev ekibi tarafından geliştirilen ürünlerden biridir. Diğer en iyi görüntü optimizasyon eklentilerini geride bırakan ödüllü bir eklentidir. Önceden, yıllık aboneliklerinin bir parçasıydı, ancak birkaç hafta önce WordPress kullanıcıları için tamamen ücretsiz hale getirdiler.

WP Smush ile, hangi WordPress medya kitaplığı klasöründen bağımsız olarak görüntüleri kolayca yeniden boyutlandırabilir, sıkıştırabilir ve optimize edebilirsiniz. Yüklediğiniz her resmi tarar veya sitenize zaten resim yüklemişsinizdir. Gereksiz verileri kaldırma gücüne sahiptir ve medya kitaplığına eklemeden önce ölçeklendirir.

Her şey mükemmel gibi görünse de WP Smush'tan hoşlanmadığımız 2 şey var:

• Ücretsiz sürüm, 1 MB'ın altındaki görüntüleri optimize etmeye izin verir. Çoğu durumda iyi olsa da, yüksek kaliteli görüntüleri optimize etmeniz gerekiyorsa kullanışlı olmayacaktır.
• Kayıpsız veya kayıplı sıkıştırmayı seçme seçeneği yoktur. Bu nedenle, yalnızca kayıplı sıkıştırmaya izin verdiğini varsayıyoruz.

EWWW Görüntü İyileştirici

EWWW, WordPress deposundaki önde gelen görüntü optimize edici eklentilerden biridir. Yüklediğiniz yeni resimleri otomatik olarak optimize eder ve ayrıca önceden yüklenmiş resimleri de optimize edebilir. Sadece bu değil, EWWW, görüntüleri isteğe bağlı olarak en iyi dosya biçimine dönüştürmenize olanak tanır.

EWWW tamamen ücretsizdir. Ancak JPG'ler için yalnızca kayıpsız sıkıştırma sağlar (PNG'ler için hem kayıpsız hem de kayıplı sıkıştırma sunar). JPG'ler için kayıplı sıkıştırmayı kullanabilmek için web sitelerinde ücretli bir plan kaydetmeniz gerekir.

Bu testte, kayıpsız sıkıştırma ile sadece ücretsiz eklentiyi kullanıyoruz.

TP Görüntü İyileştirici

Piyasadaki en yeni eklentileri bırakmayalım. TP Image Optimizer, büyüyen görüntü optimizasyon eklentilerinden biridir. ThemesPond'daki insanların ürünüdür. Diğer eklentiler gibi, aynı zamanda görüntü boyutunu optimize eder, sıkıştırır ve küçültür.

TP Image Optimizer'ın güzel bir panosu var. Çok güzel olsa da (size istatistikleri gösteren bir grafikle birlikte), kullanıcılara pek fayda sağlayacağını düşünmüyoruz.

Eklentinin bir dezavantajı, yüklerken görüntüleri otomatik olarak optimize etmemesidir. Kontrol paneline gitmeniz ve “Tek tıklamayla optimize” düğmesine basmanız gerekiyor.

TP Image Optimizer, ayarlar sayfasında hangi tür sıkıştırmayı kullandığını (kayıpsız veya kayıplı) açıkça belirtmiyor. Ancak bazı seviyeler sağlar: düşük, orta, yüksek ve çok yüksek. Bu yüzden kayıplı sıkıştırma kullandığını varsayıyoruz.

Bu testte çok yüksek bir seviye kullanıyoruz.

KısaPiksel

ShortPixel, tüm geçmiş resimlerinizi ve PDF belgelerinizi tek bir tıklamayla sıkıştırabilen, kullanımı kolay, hafif, kurun ve unutun bir resim optimizasyon eklentisidir. Yeni görüntüler, arka planda anında otomatik olarak yeniden boyutlandırılır/yeniden ölçeklendirilir ve optimize edilir.

ShortPixel sıkıştırma için 3 seçenek sunar: kayıplı, parlak ve kayıpsız. ShortPixel'i kullanmak için web sitelerinde bir hesap oluşturmanız gerekir. Ücretsiz hesap, ayda 100 görseli optimize etmenize olanak tanır. Ve dosya boyutu sınırı yoktur.

WordPress Görüntü Optimizasyon Eklentileri Karşılaştırması

Tamam, eklentiler hakkında yeterince konuşma. Bu eklentilerin pratikte tam olarak nasıl olduğuna bir göz atalım. Örneğimde, hem JPG hem de PNG formatında bir resim kullanacağım. Bunları optimize edin ve ardından yukarıda belirtilen optimizasyon eklentilerini karşılaştırın.

İşte karşılaştırmak için çektiğimiz test görüntüsü ve orijinal boyutları.

Dosya Türü: JPG
Boyutlar: 1920×1279 piksel
Boyut: 246.198 bayt
Kaynak: Pexels (orijinal resmi indirin)

Sonuç

Eklenti	WP Sıkıştır	EWWW (Kayıpsız)	TP (Kayıplı)	Kısa Piksel (Kayıpsız)	Kısa Piksel (Parlak)	Kısa Piksel (Kayıplı)
Dosya boyutu	227.038	227.038	135.401	226.121	122.726	81.145

ShortPixel, hem kayıpsız hem de kayıplı testte en iyi WordPress görüntü optimizasyon eklentisi gibi görünüyor.

Kaliteden Ödün Vermek İstemiyorum Ne Yapmalıyım?

Eh, görüntüleri optimize etmek her zaman önerilir. Ancak yine de orijinal görüntüyü korumak istiyorsanız, görüntülerin yalnızca tarayıcıda görünür olduklarında görüntüleneceği bir Lazy Load eklentisi kullanın. Bu, kullanıcı sayfayı aşağı kaydırdığında resimler yükleneceği için ilk sayfa boyutunu azaltacaktır.

Temayı Akıllıca Seçin

Çok sayıda ücretsiz ve ücretli güzel tema mevcut ancak kötü kodlanmış. Görüntüleri optimize etmek bir şekilde bir WordPress sitesini hızlandırmaya yardımcı olur, ancak her zaman temalarımız gibi hafif ve güzel kodlanmış bir tema kullanılması önerilir.

Bir WordPress teması seçmeyle ilgili ayrıntılı kılavuzumuza bakın.

Uygun Barındırma Sağlayıcısı Seçme

Barındırma sunucu performansınız düşükse, web sitenizin kesinlikle kötü performans göstereceğini unutmayın. Bu nedenle, yönetilen bir WordPress bulut barındırma sağlayıcısı olan Cloudways gibi iyi bir barındırma sağlayıcınız olması gerekir.

Ziyaretçilerimiz için Cloudways ile bir anlaşma yaptık. GRETATHEMES kupon kodunu kullanarak 25 $ ÜCRETSİZ bulut barındırma kredisi alabilirsiniz .

Tamamlanıyor!

Görüntüleri bir WordPress sitesine yüklemeden önce optimize etmeniz her zaman önerilir. Daha sonra, testlerimizde diğer eklentileri açıkça geride bırakan WP Smush gibi bir optimizasyon eklentisi kullanın. Ayrıca bir CDN'yi, CSS, JS ve performansı artırmaya yardımcı olacak resimler gibi statik içeriği önbelleğe alacak bir WordPress sitesiyle entegre edebilirsiniz.

• WordPress'te Görüntü Optimizasyonu: Başlangıç ​​Kılavuzu ve Eklentileri İnceleme
• WordPress Web Siteniz için En İyi 7 Temizleme Aracı
• WordPress Web Sitenizi Hızlandırmanın 7 Yolu
• Web Sitenizin Hızını Artırmak için Autoptimize Eklentisi Nasıl Kullanılır?
• CDN Kullanarak Web Sitenizi Hızlandırma Kılavuzu
• Web Sitenizin Hızını Artıracak En İyi Eklentiler