Google Caffeine'in gelmesiyle birlikte bütün web sitelerinin kendisine çeki düzen verdiğini gördük. Yeni Caffeine algoritmasında hızlı sitelerin önemi büyük. Burda ise iş; grafik, js, html, css dosyalarını sıkıştırmaya düşüyor. Ayrıca yapabileceğimiz bir diğer grafik optimizasyonu ise css sprite.
CSS Sprite nedir?
CSS Sprite, web sitesi yüklenirken içerisinde barındırdığı bütün resimlerin tek tek yüklenmesi yerine tek bir resim üzerinden yüklenmesidir. Bu açılıştaki yüklenen görsellerin megabyteları bulması yerine kilobytelara indirilmesi ve neredeyse çok fazla grafiği olan siteler için %200 hız demek. Örnekler için Facebook’a ve Hepsiburada gibi büyük sitelere bakabilirsiniz. [Facebook, Hepsiburada]
CSS Sprite Öğrenelim
Bu video giriş seviyesinde CSS bildiğiniz varsayılarak hazırlandı.
Toplam Boyut: 9.14 MB
Çözünürlük: 1280 x 720
Kullandığımız Site: CSS Sprite Generator
[M]http://vimeo.com/38596201[/M]
Kaynak: http://www.burakucuncu.com.tr/css-sprite-teknigi-video.html
