WordPress’te Resim Optimizasyonu: Yeni Başlayan Kılavuz ve Eklenti İncelemesi
Hepimiz WordPress’in hızı ile daha az tanındığını biliyoruz. WordPress sitesinin performansını geliştirmeye çalışmalıdır. Bunu yapmanın birkaç yolu vardır, bunlardan biri WordPress’teki görüntüleri optimize etmektir.
İçindekiler tablosunu gizle
1. Görüntü optimizasyonunun avantajları
2. Görüntüler için doğru dosya biçimini kullanın
3. Yüklemeden önce görüntüyü optimize edin
4. WordPress’teki görüntüleri optimize edin
4.1. WP Smush
4.2. Optimal Görüntü EWWW
4.3. TP görüntüsünü optimize etme
4.4. Kısa piksel
5. WordPress görüntü optimizasyon eklentilerinin karşılaştırılması
5.1. Sonuçlar
5.2. Kaliteyi feda etmek istemiyorum, ne yapmalıyım?
5.3. Temayı akıllıca seçin
6. İyi bir barındırma sağlayıcısı seçin
7. Tamamla!
Bir araştırmaya göre, ziyaretçilerin dikkatini çekmek için sadece 7 saniyeniz var. Eğer anlarsanız, tekrarlanan bir ziyaretçi olma olasılığı vardır. Değilse, siteyi bir daha asla ziyaret edemez!
Bugün size görüntüleri optimize etmenin ve birisinin sadece görüntüleri optimize ederek WordPress sitelerini nasıl hızlandırabileceğine rehberlik etmenin avantajlarını anlatacağım.
Daha az bant genişliği ve depolama alanı tüketimi
Sayfa boyutunu azaltma
Daha hızlı yükleme süresi
Hızlı yükleme sayfası nedeniyle SEO’yu artırın
Siz ve ziyaretçileriniz için hücresel veri paketlerini kaydedin
Görüntüler için doğru dosya biçimini kullanın, başlamadan önce, görüntü dosyası biçimini doğru anlamamız gerekir, böylece kullanıcıların belirli görüntüler için hangi dosya türünün kullanılacağını bilmesi gerekir. Yaygın olarak kullanılan üç görüntü dosyası formatı vardır.
JPG: JPG veya JPEG görüntüleri gerçekçi görüntüler ve fotoğraflar için kullanılır.
GIF: GIF, ikonik çizgileri, metin ve grafikleri depolamak için iyi bir seçimdir.
Görüntüyü yüklemeden önce optimize edin, resim oluşturmanın en erken adımından başlayalım. WordPress sitesine yüklemeden önce görüntüleri her zaman optimize etmeniz önerilir. Photoshop gibi araçları kullanabilirsiniz. Photoshop’a aşina değilseniz, Tinypng, Kraken, Optimizilla ve kompresör gibi herhangi bir çevrimiçi görüntünün veya aracın boyutunu azaltacak bir masaüstü isyan aracı kullanabilirsiniz.
Deneyimlerimize göre, Optimizilla dosya kalitesi ve boyutu açısından en iyi şekilde çalışır. Bu, minimum dosya boyutu üreten en iyi optimizasyonla sonuçlanır. Optimizilla’nın tek zayıflığı, sadece kayıplı sıkıştırmaya sahip olmasıdır. Kraken ve kompresör benzer çıkışlara sahiptir. Her ikisi de kayıplı ve kayıpsız sıkıştırma sunar. Çıktı dosyası boyutu Optimizilla kadar iyi değil, ancak yine de iyi. Daha büyük bir dosya boyutu ürettiği için listedeki en kötü tinypng. WordPress’teki görüntüleri optimize edin WordPress, web’in% 33’ünden fazlasını destekler. Katkıda bulunanlara ve geliştiricilere neredeyse her ihtiyaç için çözümler sunmaları için teşekkür ederiz. İnternette bulunan bir dizi görüntü optimizasyonu eklentisi vardır. Bugünkü makalede, WordPress için 3 farklı ücretsiz görüntü optimizasyon eklentisini karşılaştıracağım.
WP Smush
Optimal Görüntü EWWW
TP görüntüsünü optimize etme
Kısa piksel
WP Smush
Smush – Tembel Yük Görüntüleri, Optimize Et ve Sıkıştırma Görüntüsü
WP Smush, WPMU Dev. Bu, üst görüntü eklentisinin üst kısmını yenen ödül kazanan eklentisidir. Daha önce, bu 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 kütüphanesi klasörlerinin bulunduğuna bakılmaksızın boyutları kolayca değiştirebilir, sıkıştırabilir ve optimize edebilirsiniz. Bu, yüklediğiniz her resmi tarar veya sitenize resim yüklediniz. Gereksiz verileri silme ve medya kütüphanesine eklemeden önce dağıtma gücüne sahiptir. Her şey mükemmel görünse de, WP Smush’tan sevmediğimiz 2 şey var:
Ücretsiz sürüm, 1MB’nin altındaki görüntüleri optimize etmeyi mümkün kılar. Çoğu durumda iyi olmasına rağmen, yüksek kaliteli görüntüleri optimize etmeniz gerekiyorsa yararlı olmayacaktır.
Kayıpsız veya kayıplı sıkıştırmayı seçme seçeneği yoktur. Bu nedenle, sadece kayıplı sıkıştırmaya izin verdiğini düşünüyoruz.
Optimal Görüntü EWWW
Optimal Görüntü EWWW
Yazar: Tam olarak www
% 94 Sıralama 900.000+ WP 5.5+ yükleme gerektirir
EWWW, WordPress depolarındaki önde gelen görüntü optimal eklentilerinden biridir. Bu, yüklediğiniz yeni görüntüleri otomatik olarak optimize eder ve daha önce yüklenen görüntüleri 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 izin verir. EWWW gerçekten ücretsiz. Ancak sadece JPG için kayıpsız sıkıştırma sağlar (PNG için kayıpsız ve kayıplı sıkıştırma sunar). JPG için kayıplı sıkıştırma kullanabilmek için, web sitelerine ücretli bir paket kaydetmelisiniz. Bu testte, yalnızca kayıpsız sıkıştırma ile ücretsiz eklentiler kullanıyoruz. TP görüntüsünü optimize etme
Öğe bulunamadı: “TP-image-optimizer” yok.
En son eklentileri piyasada bırakmayalım. TP Image Optimizer, geliştirilen görüntüler optimizasyon eklentilerinden biridir. Bu, themespress’teki insanların bir ürünüdür. Tıpkı diğer eklentiler gibi, bu eklenti de görüntü boyutunu optimize eder, sıkıştırır ve azaltır. Ancak optimize edici görüntünün iyi bir gösterge paneli vardır. Çok güzel olmasına rağmen (size istatistik gösterecek grafiklerle), bizce bu kullanıcılar için çok faydalı değildir.
Bu eklentinin zayıf yönlerinden biri, yüklenirken görüntüleri otomatik olarak optimize etmek değildir. Gösterge tablosuna gitmeniz ve “Optimize Bir Tıklama” düğmesine basmanız gerekir. TP görüntü optimize edici, kullanılan sıkıştırma türünün ayar sayfasında (kayıpsız veya kayıplı) net bir şekilde söylemez. Ancak birkaç seviye sağlar: düşük, orta, yüksek ve çok yüksek. Bu yüzden kayıplı sıkıştırma kullandığını düşünüyoruz. Bu testte çok yüksek bir seviye kullanıyoruz. Kısa piksel
Optimal Shortpixel Resimleri: Shortpixel Akım Sürümü: 4.22.6 Son Güncelleme: 11 Ekim 2021
Shortpixel-Image-Optimiser.4.22.6.zip
% 92 Sıralama 300.000+ Kurulum 4.2.0
WordPress’in eklenti optimizasyonunun karşılaştırılması Tamam, sadece eklenti hakkında konuşun. Bakalım, bu eklentinin tam olarak nasıl olduğu. Örneğimde, JPG ve PNG formatlarında görüntüleri kullanacağım. Optimize edin, ardından yukarıda belirtilen optimizasyon eklentisini karşılaştırın. Aşağıda, karşılaştırmak için aldığımız test görüntüsü ve orijinal boyuttur. Dosya Türü: JPG Boyutları: 1920 × 1279 Piksel Boyut: 246.198 bayt Kaynak: Pexels (orijinal resmi indir)
Sonuçlar wp eklentisi WP Smush EWWW (Kayıpsız) TP (Kayıplı) Kısa Piksel (Kayıpsız) Kısa Piksel (Parlak) Kısa Piksel (Kayıplı)
Görünüşe göre ShortPixel, hem kayıpsız hem de kayıplı testlerde en iyi WordPress görüntü optimizasyon eklentisidir. Kaliteyi feda etmek istemiyorum, ne yapmalıyım? Görüntüleri optimize etmeniz her zaman önerilir. Ancak, hala orijinal görüntüyü kaydetmek istiyorsanız, görüntünün yalnızca tarayıcıda görüldüğünde görüntüleneceği tembel yük eklentisini kullanın. Bu, ilk sayfa boyutunu azaltacaktır, çünkü kullanıcı sayfayı indirdiğinde görüntü yüklenecektir. Temayı akıllıca seçin birçok ücretsiz ve ücretli güzel tema var ama kod kötü. Görüntüleri bir şekilde optimize etmek, WordPress sitesini hızlandırmaya yardımcı olacaktır, ancak her zaman temamız gibi hafif ve iyi kodlanmış bir tema kullanması tavsiye edilir. WordPress temasını seçme hakkındaki ayrıntılı kılavuzumuza bakın. Hatırlamaya değer bir barındırma sağlayıcısı seçmek, barındırma sunucusu performansınız kötüyse, web siteniz kesinlikle kötü performans gösterecektir. Bu nedenle, yönetilen WordPress bulut barındırma yöneticisi olan Cloudways gibi uygun bir barındırma sağlayıcısınız olmalıdır. Ziyaretçilerimiz için Cloudways ile anlaşmayı ihlal ettik. Gretathemes kupon kodunu kullanarak 25 $ değerinde ücretsiz bir bulut barındırma kredisi alabilirsiniz. Paketlemek!
WordPress sitesine yüklemeden önce görüntüleri optimize etmeniz her zaman önerilir.Ardından, testlerimizdeki diğer eklentileri açıkça yenen WP Smush gibi bir optimizasyon eklentisi kullanın.CDN’yi, CSS, JS ve performansı iyileştirmeye yardımcı olacak görüntüler gibi statik içerikleri depolayacak WordPress siteleriyle de entegre edebilirsiniz. WordPress’te Görüntü Optimizasyonu: Yeni Başlayan Kılavuz ve Eklenti İncelemesi
WordPress siteniz için 7 En İyi Temizlik Aracı
WordPress sitenizi hızlandırmanın 7 yolu
CDN kullanarak web sitenizi harcama rehberi
Web sitenizin hızını artırmak için en iyi eklenti
