[limonlu]

Apple'ı incelerken menü resim dosyasına baktığımızda menü bütün aktivitelerinin tek bir resim dosyasında toplandığını gördüm.



Zira bütün profesyonel tasarımlarda görülen bir özellik bu. Peki sitemizde en çok kullanılan imgelerin hepsini tek bir resim dosyası yapıp background-position ile çağırsak bir mahsuru var mıdır?

[mceL]

limonlu tarafından gönderilen mesaj:

Apple'ı incelerken menü resim dosyasına baktığımızda menü bütün aktivitelerinin tek bir resim dosyasında toplandığını gördüm.



Zira bütün profesyonel tasarımlarda görülen bir özellik bu. Peki sitemizde en çok kullanılan imgelerin hepsini tek bir resim dosyası yapıp background-position ile çağırsak bir mahsuru var mıdır?

Bunun mahsurdan ziyade yararı var. Şundan ki, tek bir resmi tarayıcı yüklemek için tek bir istekte bulunacak. Fakat birden fazla parça olduğu zaman her parça için istek yapmak zorunda kalacakıtr.
Aynı şekilde tüm JavaScript dosyalarının, tüm CSS dosyalarının da tek bir dosya da bulunması sitenin açılma performansını etkileyecektir.

Bunun gibi daha fazla performans unsurunu tartışan-öneren High Performance Web Sites kitabına göz atabilirsiniz.

İyi çalışmalar.

[Vincent]

Peki sitemizde en çok kullanılan imgelerin hepsini tek bir resim dosyası yapıp background-position ile çağırsak bir mahsuru var mıdır?

Resimlerin bu şekilde kullanılması hız açısından avantaj, ama sitedeki bütün resimlerin tek dosya haline gelmesi o dosyanin boyutunu çok fazla arttırabilir. Verdiğiniz örnekte zaten birbirine yakın gri tonlarda olan menü öğeleri bir araya getirilmiş, bu gif ve png gibi renk sayısına göre sıkıştıran formatlar için uygun, ama bu resme bir de kırmızı bir buton eklenmiş olsaydı dosya boyutu artarak menünün de geç yüklenmesine sebep olacaktı.

Sonuç olarak renkleri birbirine yakın olan grafikleri biraraya toplamak avantaj sağlıyor, ama bir sitedeki resimlerin hepsi tek resimde olursa dezavantaj olabilir.

[limonlu]

Yahoo http://l.yimg.com/a/i/ww/sp/icons_1.8.gif burda benzer renkteki ikonları birleştirmiş. (3.3 Kb)

http://l.yimg.com/a/i/ww/sp/trough_1.8.gif burda da farklı renkteki ikonları da birleştirmeyi uygun görmüş. (Dosyanın büyüklüğü:15.9 Kb)

[mceL]

Bence renge göre birleştirmeden ziyade bulunacakları yerlere göre birleştirmek daha doğru.

Tüm menü aynı dosyada olursa menündeki elemanlar birden gelecektir. Aynı şekilde, smileyler bir dosyada bulunursa tüm smileyler aynı vakitte gelmiş olacaktır. Çünkü hepsi bir dosyadan alınıyor ve gelmeleri bu dosyanın sunucudan çekilmiş olmasına bağlı.