Site Hızı için CSS lerde Kod mu Resim mi ?

Bunun tek bi açıklaması var, sunucularım var sorgu yapsın. Paran çoksa javascript, normal fotograf kullan. Stabil bir script yazmak istiyorsan kesinlikle CSS.

Soru hatalı olmuş. CSS mi resim mi değil de CSS yazarken renk için kod mu yoksa resim mi tercih edilmeli olmalı soru.

Site, sunucu vb şeyler göz önüne alınarak değişebilir sorunun cevabı.

Kod yazmanın güzel tarafı boyut olarak elbette düşük olacaktır ama her zaman istenilen sonucu veremeyeceği gibi birde tarayıcılarda sorun çıkabilir. Malum herkes güncel browser kullanmıyor ve envayi çeşit işletim sistemi ve yüzlerce değişik browser var. Kod yazarken bunları göze almanız gerekiyor ama resim çekiyorsanız bunları düşünmek zorunda değilsiniz büyük ölçüde.

Birde yabancılar genelde projeleri önceden düzenleyip hesapladıkları için yani kervan yolda düzülür mantığı gütmedikleri için neyi nasıl yapacaklarına karar verebiliyorlar.

Son olarak herhangi bir değişiklik yapmanız gerektiğinde resimle çalışmak daha basit oluyor. Kod neredeydi hangi yere neden nasıl etki edebilir düşünmek zorunda kalmazsınız pek. Projelerde Türkiye de hem frontend hem backend yazmanız istenir hem grafik hem css yazmanız beklenir ama yurt dışında daha ziyade herkes kendi konularında uzmanlaşmaya çalıştığı için CSS konusunda uzmanlaşıyor ve işi o oluyor.

css sprite kullanıyorlar.
tek resim ile bütün tasarım öğelerini sağlamış oluyorlar.
sayfa açılışında resmin kendi boyutu tek etken değil.
mesela 45 tane resim kullandınız, bu resimlerin her biri için sunucuya var mı yok mu sorulacak. her dosya srogusu için minimum ping süresi kadar işlem zamanı geçecek. cachelesen bile dosyanın versiyonunun sorgulanması vakit alır. oysa tek bir resim yükleyerek tüm tasarım öğrelerini yükleyebilirsin. Zaten o yüzden zip gibi rar gibi paket sistemlerini kullanıyoruz. Yoksa zip veya rar ile zaten dosya boyutundan çok tasarruf edilemiyor text dosyaları dışında. Ama maksat paketleyip tek dosya halinde transfer etmek. Ftp kullanıyorsanız bakın, 100 mb tek dosyayı 10 dakikada upload ediyorsanız, 100mb boyutundaki 5000 dosyayı 1 saatte upload edebilirsiniz. Çünkü her dosya transferi için gönderilen alınan header bilgileri ping süreleri geçiyor ayrı ayrı...

css ile resim ile yaptığın tüm efektleri yapmak daha zor, bir de tarayıcı desteği meselesi var. oysa resim heryerde aynı resim. o yüzden şimdilik şişirilmemiş iyi optimize edilmiş bir resim ve css sprite kullanarak işimizi halletmek en akıllıca olanı.

Herzaman için css daha hızlıdır. Bu yüzden Google ,Facebook gibi sitelerde neredeyse hiç image kullanılmaz.

css daima hızlıdır.

Css sprite yapin en iyisi.