Url İle Resim Optimizasyonu

12/04/2017

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

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 genişliğini belirtir. Belirlenen ebata göre resimde boyut düşüşleri veya artma olacaktı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