WordPress'te Görseller Nasıl Optimize Edilir?

Görseller, herhangi bir web sitesinin önemli bir parçasıdır. Bir ruh hali yaratmak, ürünleri sergilemek veya bir sayfaya görsel ilgi eklemek için kullanılabilirler. Ancak bazen siteniz için en iyi şekilde görünmesini sağlayacak en iyi resimlere sahip olmayabilirsiniz.

Neyse ki, WordPress, kaliteden ödün vermeden daha hızlı yüklenmeleri ve sitenizde daha az yer kaplamaları için görüntüleri optimize etmeye yardımcı olacak yerleşik bazı özelliklere sahiptir!

GTmetrix + PSI'da Optimize Edilmemiş Görüntüleri Bulun

Sitenizde optimize edilmesi gereken görselleri bulmanın en iyi yolu, GTmetrix veya PSI gibi ücretsiz bir çevrimiçi araç kullanmaktır. Bu araçların her ikisi de web sitenizin dosyalarını tarar ve daha hızlı yüklenmesi için neyin optimize edilmesi gerektiği konusunda size anlaşılması kolay bir rapor sunar.

WordPress Eklentileri + Hizmetlerini Kullanarak Görüntüleri Optimize Edin

EWWW Image Optimizer gibi, web sitenize daha hızlı yüklemek için görüntüleri sıkıştırmada çok iyi çalışan birkaç WordPress görüntü optimizasyon eklentisi (hem ücretli hem de ücretsiz) vardır.

Görüntüleri kaliteyi hiç etkilemeden sıkıştıran TinyPNG ve Kraken Image Optimizer gibi bunu sizin için yapacak hizmetler de var.

Doğru Görüntü Boyutunu Kullanın

Yüklemeden önce grafiklerinizi, videolarınızı ve diğer ortamları blogun genişliği için WordPress düzenleyicisinde yeniden boyutlandırmanız gerektiği gibi, resim dosyalarının da yeniden boyutlandırıldığından emin olmanız gerekir. Bunu yapmak, hiçbir resminizin olması gerekenden daha fazla yer kaplamamasını sağlar!

Önbellek Görüntüleri

Görüntüleri optimize etmenin başka bir yolu da onları önbelleğe almaktır. Bu, sitenizi aynı anda birden fazla kişi ziyaret etse bile daha hızlı yüklenmesini sağlar, çünkü önbelleğe alınmış resimlerin bulunduğu bir sayfaya gelen ziyaretçiler, herhangi bir şey görmeden önce bu dosyaların indirilmesini beklemek zorunda kalmazlar!

WP Smush eklentisi, onu kurup etkinleştirdikten sonra bunu otomatik olarak yapar (ve kesinlikle her ikisini de yapmalısınız!). Autoptimize veya Wp Super Cache gibi yalnızca önbelleğe almakla kalmayıp aynı zamanda kodu da küçülten eklentileri de kullanabilirsiniz.

Ekran Dışı Görüntüleri Ertelemek için LazyLoad'u kullanın

LazyLoad, WordPress'teki daha yeni ve daha az bilinen bir özelliktir ve kullanıcı sitenizdeki konumlarına gelene kadar resimlerin yüklenmesini ertelemenize olanak tanır. Bunu yaptıklarında, sayfa ilk alındığında yüklenmedikleri için bu resimler daha sonra hızlı bir şekilde yüklenecektir!

Görüntü Sıkıştırmayı Kullan

İki farklı görüntü sıkıştırma türü kullanabilirsiniz: LZW veya JPEG. Aralarındaki fark, her şeyden çok ne tür bir grafik dosyasına gireceğiyle ilgilidir, bu nedenle durumunuza uygun olanı seçin!

Bunun nasıl çalıştığı, bir görüntüde kullanılan renk sayısını azaltmaktır; bu, tarama sırasında sunucu tarafından istemci tarafına daha az veri aktarılması gerektiği anlamına gelir. Bu, bant genişliği kullanımını ve yükleme süresini azaltır.

Görüntü Sıkıştırma, herhangi bir sitenin zorunlu bir parçasıdır ve WordPress, performanstan ödün vermeden yüksek kaliteli görüntüler içeren siteler oluşturmayı kolaylaştıracak bir dizi sıkıştırma eklentisine sahiptir!

Görüntüleri Yeni Nesil Biçimlerde Sunun

Dışarıda birçok farklı resim formatı olduğunu ve bunların hepsinin siteniz için iyi çalışmayacağını anlamak önemlidir. Herhangi bir web sitesinde performansı artırmak istiyorsanız, genellikle diğer türlerden daha iyi sıkıştırmaya sahip olan WebP veya JPEG XR gibi yeni nesil biçimleri kullanmanız gerekir.

Görüntü Boyutlarını Belirtin

Görsellerin boyutlarını belirleyerek, WordPress'e onları sitenize yerleştirirken ne kadar alan kullanması gerektiğini söylüyorsunuz. Bu önemlidir çünkü bant genişliği üzerindeki yükü azaltır, bu da daha hızlı sayfa yükleme süresi anlamına gelir!

Bir CDN'den Görüntüleri Sunma

CDN, web sitenizin görüntülerini coğrafi olarak daha yakın sunuculardan sunmanın hızlı ve etkili bir yoludur. Bu, gecikmeyi azaltır, bu da kullanıcılar için daha hızlı yükleme süreleri anlamına gelir!

Görüntüleri CSS Sprite Kullanarak Birleştirin

CSS Sprite'ları, aslında tüm küçük resimlerinizi tek bir büyük dosyada birleştiren bir resim türüdür. Bu, özellikle mobil cihazlarda daha hızlı yükleme süresi anlamına gelen dosya isteklerinin sayısını azalttığı için kullanışlıdır! Bir tane oluşturmak için bir CSS hareketli grafik oluşturucu kullanabilir ve ardından bunu CSS ile temanıza ekleyebilirsiniz.

Mobil için Uyarlanabilir Görselleri Kullanın

Uyarlanabilir görüntüler, farklı cihazlarda kullanıcılara farklı görüntü boyutları sunmanın harika bir yoludur. Bu, bant genişliği kullanımını ve yükleme sürelerini azaltır! Bunu bir WordPress eklentisi ile yapabilirsiniz, ancak bunu kendi başınıza ücretsiz olarak yapmanın başka yolları da vardır.

Görüntü Bağlantısını Devre Dışı Bırak

Bir görüntüyü bağlantılandırdığınızda, temelde yaptığınız şey, başka birinin sunucusundaki orijinal dosyaya bağlantı vermektir. Bunu devre dışı bırakmak, insanların bant genişliğinizi çalmasını engeller, bu yüzden yapmak isteyeceğiniz bir şeydir.

Bunu WP Rocket gibi birçok WordPress eklentisi ile yapabilirsiniz. Genellikle ev sahibinizden bunu sizin için yapmasını da isteyebilirsiniz (eğer iyi bir ev sahibiyle birlikteyseniz).

EXIF Verilerini Kaldır

EXIF verileri, WordPress düzenleyicinizde göremediğiniz gizli bilgilerdir, ancak başkaları tarafından görülebilir. Bir kameranın markası ve modeli ile tarih ve saat ayarları gibi bilgileri içerir. Bunu kaldırmak bant genişliği kullanımını azaltacaktır!

Bu işlem, JPEGsnoop veya jhead gibi, sitenizdeki resimlerden tüm EXIF ​​verilerini kaldırmanıza izin veren bir resim temizleme aracı kullanmayı içerir - önce onları indirmenize gerek kalmadan!

Yavaş Bağlantılarda Kullanıcılara Daha Düşük Kaliteli Görüntüler Sunun

Bu, resimlerinizle yapabileceğiniz bir şeydir, ancak her temanın bunu gizleme seçeneği yoktur. Temel olarak yaptığı şey, yavaş bağlantılarda (mobil veya başka türlü) insanlara daha düşük kaliteli görüntüler sunmaktır. Bunu Optimole eklentisi ile yapabilirsiniz.

Optimize Edilmiş Görselleri Kullanmak Neden Önemlidir?

Görseller sitenizin performansının büyük bir parçası olabilir, bu yüzden onları optimize etmek önemlidir! Bu, görüntülerin mümkün olduğunca hızlı ve verimli bir şekilde yüklenmesini sağlayacaktır.

Web siteniz ne kadar hızlı yüklenirse, kullanıcılar ve arama motorları için o kadar iyidir! Yükleme süresine son zamanlarda Google sıralamasında daha fazla ağırlık verildi (ancak çok az), ancak bu doğru olmasa bile yine de her şeyin mümkün olduğunca hızlı yüklendiğinden emin olmak istersiniz.

İnsanlar, özellikle mobil kullanıcılar olmak üzere sitelerde beklemekten nefret eder; bu da görüntüleri optimize etmeyi herhangi bir WordPress sitesinin önemli bir parçası haline getirir. Google hızlı yüklenen web sitelerini de sevdiği için SEO'ya da yardımcı olur (iyi bir nedenle).

Çözüm

Sonuç olarak, resimler herhangi bir web sitesinin önemli bir parçasıdır. Bir ruh hali yaratmak, ürünleri sergilemek veya bir sayfaya görsel ilgi eklemek için kullanılabilirler.

Ancak bazen orijinal görüntüler yeterince optimize edilemeyebilir ve gereğinden fazla yer kaplayabilir. WordPress, kaliteden ödün vermeden daha hızlı yüklenmeleri için bu dosyaları optimize eden bir dizi özelliğe sahiptir! En iyi yol, gerektiğinde resimlerinizi sizin için otomatik olarak sıkıştıracak ve yeniden boyutlandıracak LazyLoad veya PSI gibi bir resim sıkıştırma eklentisi kurmaktır. Ayrıca, boyutlarını belirterek, CSS hareketli grafiklerini kullanarak, görüntü önbelleğe almayı kullanarak ve görüntüleri optimize edebilirsiniz.