Url İle Resim Optimizasyonu

Site içi performansa etki eden faktörlerden biride görsellerdir. Kullanılan görselin boyutu ve kapladığı alan sayfa açılış hızına göre farklılık gösterebilir. Resimlerinizi Google önbellek desteğiyle optimizasyon yaparak sitenizi saha kullanışlı yapabilirsiniz.

Kullanım Avanajları Nelerdir

  • Resmi optimize ederek boyutta düşüşler sağlayarak hızlı önyükleme yapma
  • Url kısmından istenilen genişlik tanımlaması yapma
  • Url kısmından resim kalitesi ayarlama

Resim optimizasyonunu test ettiğim sitemde kullanım öncesi ve sonrası hız performans artışına göz atınız.

Resim kalitesi: 100

Herhangi php bilgisi gerektirmeden sadece url eklemesi yaparak kullanabilirsiniz.

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) Sayı değeri, resmin kalitesini belirtiyor. Değer attıkça resim kalitesi artacakdır. Küçük Resimler(thumbnail) için kullanabileceğiniz basit bir yöntemdir.

Sisteminize dahil edebileceğiniz fonksiyon 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
Kategoriler
# Reklam
# Sponsor