Css Sprite tekniği ile Web projelerinde performans artışı sağlama.
Web projelerin'de HTTP istek sayısını azaltarak performans artışı sağlamak için uygulanacak yöntemlerden biride
CSS Sprite tekniğidir.
Bir web sayfası tasarladığınızı düşünelim ve bu sayfada'ki bir çok alanda ufaklı büyüklü resim ler gösterdiğinizi düşenelim.
Böyle bir durumda her bir resim'i bu objelere tek tek linklemeniz gerekecektir.Kullanıcılarınızda bu sayfayı görüntülemek istediğinde sayfanızda ki her resim için sunucuya tek tek istek gönderilecektir.
Sayfanızdaki istek sayısı ne kadar fazla olursa sayfanız normalden daha yavaş ve daha geç yüklenecektir.
Bu durumun önüne geçip ,sayfanızın daha hızlı yüklenmesini istiyorsanız sunucudaki istek sayısını azaltmanız gerekmektedir.
Genelde performansı ile övündüğümüz web sitelerinin herhangi bir sayfasında kullanılan scriptlerin ekran görüntüsünü sizlerle paylaşmak istedim Aşağıda Google ve Facebook’un script dosyalarının ekran görüntülerini bulunmaktadır ve iki siteninde script kodlarının iç içe olduğunu ve hiç bir şey anlaşılmadığını farketmişsinizdir.Bunu yapmalarının amacı normalde düzenli şekilde yazılan script dosyalarının server’da daha fazla yer kaplaması ve dolayısıyla daha uzun yüklenme sürelerinin olmasıdır.Bu boyutları azaltabilmek için çeşitli sıkıştırma araçları kullanılmaktadır.Bu araçları kullanarak script , css ve benzeri kullanıcının içeriğini göremediği dosyaları sıkıştırarak server’ın kullanıcıya daha kısa sürede yanıt vermesi sağlanmaktadır.Çünkü kullanıcı bir sayfa için browser aracılığıyla serverdan bir talep'de bulunduğunda server bu sayfanın HTML içeriği ve bunun yanında sayfada kullanılan .JS , .CSS vb dosyaları da kullanıcının bilgisayarına yüklemekte bundan dolayı bu harici dosyaların boyutu ne kadar fazla olursa sayfa daha yavaş yüklenecektir.
Web projelerin'de HTTP istek sayısını azaltarak performans artışı sağlamak için uygulanacak yöntemlerden biride
CSS Sprite tekniğidir.