Site hızını artırmak için görüntüleri optimize etmenin 3 yolu
WordPress siteniz trafiği yönlendirir, ziyaretçileri korur ve dönüşümü artırır, içeriğin cazip olması gerekir. Görsel medya buna yardımcı olabilir. Ne yazık ki, yüksek kaliteli görüntüler genellikle yükleme sürenizi yavaşlatabilecek büyük dosya boyutları anlamına gelir. Tabii ki, sitenizin görsel içeriğini ortadan kaldırmak bir seçim değildir. Ancak, site hızını artırmak için görüntüleri biçimlendirmek ve optimize etmek için kullanabileceğiniz teknikler vardır. Bu yazıda, görüntünün WordPress sitenizin hızını ve performansını nasıl etkilediğini açıklayacağız. O zaman size sayfa yükleme süresini azaltmak için optimize etmenin üç yolunu vereceğiz. Başlayalım!
Görüntülerin Web sitenizin hızını ve performansını nasıl etkilediğini HTTP arşivine göre, görüntüler web sayfasının toplam ağırlığının neredeyse dörtte birine katkıda bulunur. Sunucunuz medya dosyalarını, özellikle de büyük dosyaları yüklemek için çok çalışır. Sayfa yükleme süresi açısından, her saniye çok anlamlıdır. İşlenmesi için çok uzun süre ihtiyaç duyan siteler, kullanıcı deneyimini (UX) kötü ve daha yüksek bir oran yapar. Ziyaretçilerinize ek olarak Google, yavaş bir siteyi de takdir etmez. Optimize edilmiş görüntüler daha kolay taranır ve endekslenir. Web siteniz ne kadar hızlı olursa, arama motoru ürünlerinde sıralama daha yüksektir.
Görüntünüzün kalitesini ve boyutunu azaltmak daha az bant genişliği ve site disk alanı kullanacaktır. Sayfanız daha hafif olacak, sunucunuz daha hızlı bir kullanıcı tarayıcısıyla iletişim kuracak ve sonunda içeriğiniz daha hızlı yüklenecektir. Görüntü sıkıştırması seyahat için paketleme ile karşılaştırılabilir. İlk olarak, hiçbir şey katlamadan kıyafetlerinizi bavulunuza atmayı düşünmeden. Hızlı bir şekilde kapatabileceğiniz noktaya kadar doldurmak için hızlı bir şekilde bulacaksınız. Daha sonra her öğeyi düzgün bir şekilde katlamaya çalışabilirsiniz, belki de vakum kapalı bir torba kullanarak bile. Şimdi eskisinden daha fazla alana sahipsin. İçerikler aynıdır, ambalajlamanın tek yolunu ayıran şeydir. Ancak, medya dosyalarının kalitesini profesyonelce veya tamamen anlaşılmış görünmek için azaltmak istemezsiniz. Doğru görüntünün optimizasyonu kalite ve boyut arasında doğru dengeyi bulmakla ilgilidir. Sitenizin hızını artırmak için görüntüleri optimize etmenin 3 yolu, kaliteli medya ve kısa yükleme süresi arasında seçim yapmanız gerekmez. En iyi araçları ve uygulamaları kullanırsanız iki dünyadan en iyisini alabilirsiniz. Site hızını artırmak için görüntüleri optimize etmenin üç yolu. 1. Görüntünüze yüklemeden önce resim dosyası boyutunuzu azaltın, resminizi optimize etmenin bir yolu, WordPress medya kitaplığınıza yüklemeden önce dosya boyutunu azaltmaktır. Kısacası, bu, sıkıştırma yoluyla boyut boyutlarını ve kalite ayarlamalarını değiştirmeyi içerir.
İki tür sıkıştırma görüntüsü vardır:
Kayıplı sıkıştırma, görüntünün dosya boyutunu azaltmak için verilerin bir kısmını kaybettiği zamandır. Ziyaretçiler için somut değişikliklere neden olmak için yeterli olmasa da, bu sunucunuzdaki yükü azaltabilir. Kayıpsız sıkıştırma ile tüm görüntü verileri sağlamdır ve geri alınabilir. Kalite etkilenmez ve görüntü yalnızca sıkıştırılmadığında görüntülenir.
Kullanmanız gereken tür, daha sonra tartışacağımız dosya biçiminize bağlıdır. Görüntünüzü sıkıştırmak için kullanabileceğiniz çevrimiçi araç Tinypng (veya TinyJPG):
Bu, kaliteyi kaybetmeden görüntü dosyası boyutunuzu mümkün olduğunca azaltmak için ideal sıkıştırma yöntemini otomatik olarak uygular.
Çok büyük boyutlar, sitenize ve sunucunuza gitmesi gerekmeyen ağırlıklar da ekler. Bu nedenle, görüntünüzün yüksekliğinizi ve genişliğini ayarlayarak dosya boyutunu da azaltabilirsiniz. Bu ölçümü HTML’de belirleyebilir veya yüklemeden önce bir fotoğraf düzenleme platformu kullanabilirsiniz. Diyelim ki orijinal boyutlarda 5.472 x 3.648 piksel (PX). Dosya boyutu (veya ağırlığı) 3 megabayt (MB). Ancak, sitenizin yalnızca 1.920 x 1.280 piksel ölçümlü bir banner görüntüsü ihtiyacı vardır. Görüntünün boyutunu bu boyuta dönüştürmek ve kalitesini yüzde 10 azaltıyor, toplam dosya boyutunu 3 MB’den (3.000 kilobayt) 613 kilobayta (KB) düşürecektir.
Taşınabilir Ağ Grafiği (PNG). Bu format kayıpsız sıkıştırma gerektirir. Genellikle, yüksek kaliteli PNG görüntüleri, ancak büyük dosya boyutlarına sahiptir. Ortak fotoğrafçılık uzmanları (JPEG) grupları. JPEG görüntüleri PNG dosyalarından daha düşük kalite olma eğilimindedir, ancak doğal olarak daha küçüktür. Kayıplı sıkıştırma, boyutunu daha da azaltmak için en yaygın yöntemdir.
Grafik Değişim Formatı (GIF). Bu format yalnızca kayıpsız sıkıştırma kullanır. Bu, küçük dosya boyutlarına sahip animasyonlu görüntüler için sağlanır ve genellikle sosyal medya ve blog yayınları için kullanılır.
Webp. Kayıplı veya kayıpsız sıkıştırma kullanabilen nispeten yeni bir dosya biçimi. WebP görüntüsü PNG’den yüzde 26 daha küçük ve JPEG’den yüzde 34’e kadar daha küçük. Ancak, format tüm ana internet tarayıcıları (özellikle Safari) tarafından desteklenmez.
WebP görüntüleri, en yüksek kalitede mümkün olan en küçük dosya boyutunu sunmaları açısından üstündür. Ancak, Safari Google Chrome’dan (özellikle mobil cihazlar için) en popüler ikinci tarayıcı olduğundan, Safari görsel içeriği güvenilir bir şekilde göndermek için en iyi seçim olmayabilir.
GIF’ler tutumlu kullanılmalıdır. Genellikle bir mizah kaynağı veya mükemmel öğretim bilgileri olsa da, animasyon sitenizin hızını engelleme eğilimindedir. PNG ve JPEG görüntüleri arasında seçim söz konusu olduğunda, genel fikir birliği, birincisinin ekran görüntüleri ve grafikler için en iyisi olması, ikincisi ise daha iyi fotoğraflar üretir. 3. WP SMUSH gibi tembel yük eklentilerini kullanın Bahsettiğimiz gibi, medya dosyanızı sıkıştırmak için kullanabileceğiniz çevrimiçi araçlar vardır. Bununla birlikte, biçimi ve boyutu ayarlamanın yanı sıra, yavaş yükleme kullanarak görüntüleri daha da optimize edebilirsiniz. Yavaş bir yükleme görüntüsü ile, ziyaretçiler hala yukarıda olduğunda sayfanın altındaki fotoğrafınız veya grafiğiniz görüntülenmez. Kullanıcı kaydırmaya başladıktan sonra, görünür olduğunda medya dosyanız görülecektir. Bu tekniğin amacı, ziyaretçi tarayıcısı tarafından aynı anda yüklenmesi gereken görüntü sayısını en aza indirmektir. Bu, site bant genişliğine ve hızına yardımcı olur. Bu özelliği etkinleştirmek için, WP Smush gibi yavaş bir yükleme görüntüsü ve eklenti optimizasyonu kullanmalısınız:
Bir milyondan fazla aktif kurulum ve beş yıldız WordPress sıralaması ile bu ücretsiz eklenti, yavaş yükleme dahil olmak üzere çeşitli görüntü optimizasyon görevlerini yerine getirmek için güçlü bir çözümdür:
Yavaş yüklemeye ek olarak, WP Smush, WordPress’e yüklediğinizde medya dosyanızı otomatik olarak optimize etmek için kayıpsız sıkıştırma ve görüntü boyutlarını değiştirir. PNG, JPEG ve GIF dahil tüm dosya formatları için kullanabilirsiniz. Bu, daha önce bu süreci yapmayı hatırlama ihtiyacını ortadan kaldırır. Eklentiyi yükledikten ve etkinleştirdikten sonra, optimize edilmesi gereken görüntüler için hemen sitenizi taramaya başlar. Smush> Dashboard> Ayarları girerek WordPress Dashboard ayarlarını yapılandırabilirsiniz. Sonuç Yüksek kaliteli görüntüler sitenizin önemli bir parçasıdır. Ne yazık ki, sitenizin performansını da engelleyebilirler ve daha sonra UX ve SEO’nuzu tehlikeye atabilirler. Bu yazıda, site hızını artırmak için görüntüleri optimize etmenin üç yolunu tartışıyoruz:
Sitenize yüklemeden önce resim dosyası boyutunuzu azaltın.
Uygun dosya biçimini seçin.
