URL ile resim optimizasyonu, web sitelerinin performansını artırmak için kullanılan bir tekniktir. Bu teknik, web sayfalarında kullanılan resimlerin boyutları, dosya türleri ve sıkıştırma düzeyleri gibi faktörleri dikkate alarak, resimlerin URL'lerindeki parametrelerle optimize edilmesini sağlar.

Bu yöntem, web sayfalarının yüklenme hızını önemli ölçüde artırır. Özellikle, resim boyutları küçültülerek ve sıkıştırma düzeyi artırılarak, resim dosyalarının boyutu azaltılır ve sayfa yükleme hızı iyileştirilir.

Kullanım Avanajları Nelerdir

1. Web sayfası yükleme hızını artırır: Resimlerin boyutlarını küçültmek ve sıkıştırma düzeyini artırmak, web sayfasının yüklenme hızını önemli ölçüde artırır. Bu da, kullanıcıların web sitesinde daha uzun süre kalmasına ve daha iyi bir kullanıcı deneyimi yaşamalarına yardımcı olur.

2. SEO sonuçlarını iyileştirir: Sayfa hızı, arama motorları tarafından dikkate alınan önemli bir faktördür. URL ile resim optimizasyonu yöntemi sayesinde web sayfasının yüklenme hızı artırılarak, SEO sonuçları iyileştirilebilir.

3. Daha az bant genişliği kullanır: Resimlerin boyutunu küçültmek, web sitesinin bant genişliğini azaltır. Bu da, daha az veri kullanımı ile web sayfasının daha hızlı yüklenmesine ve daha az sunucu kaynağı kullanılmasına yol açar.

4. Mobil uyumlu hale getirir: Küçük boyutlu ve hızlı yüklenen resimler, mobil cihazlar gibi düşük bant genişliği ve yavaş bağlantı hızına sahip cihazlar için daha uygun hale getirir.

5. Daha iyi dönüşüm oranları: Daha hızlı yüklenen web sayfaları, kullanıcıların daha uzun süre kalmasına ve daha yüksek dönüşüm oranlarına yol açar.

---

Nasıl Kullanılır?

<img src="https://images1-focus-opensocial.googleusercontent.com/gadgets/proxy?container=focus&resize_w=150&url=https://siteniz.com/resim.png">

"resize_w=(150)" parametresi, resmin genişliğini 150 piksel olarak ayarlar. Bu sayede, resmin boyutu küçülür ve web sayfasının yüklenme hızı artar. Bu yöntem, özellikle küçük resimler (thumbnail) için uygundur ve sayfa hızı optimizasyonu için basit bir yöntem olarak kullanılabilir. Ayrıca, resim boyutunu optimize etmek, SEO açısından da önemlidir çünkü hızlı yüklenen sayfalar, arama motorlarında daha iyi sıralama elde ederler.

Sisteminize dahil edebileceğiniz JS kodu

function getUrl(width, url) {
  return "https://images1-focus-opensocial.googleusercontent.com/gadgets/proxy"
    + "?container=focus"
    + "&resize_w=" + width
    + "&url=" + url
    ;
}
getUrl(250, 'http://www.ornek.com/resim.png');

---

Gelişmiş Kullanım