Web sitelerini kodlarken insanların vazgeçemediği iki şeyden birisi, tüm siteyi tablolarla kodlamaksa bir diğeri de boşluk vermek, boyutlandırmak için spacer.gif kullanmaktır heralde.
Tabloların kabusuna şimdi girmeyeceğim ancak spacer.gif gerçekten kurtulmamız gereken bir hastalık. Kısaca anlatmak gerekirse, bu minicik bomboş imaj ne kadar çok kullanırsanız sayfanızı o kadar da ağırlaştıran bir gereksiz icattır. Aslında spacer.gif kullanarak:
- 1kb’dan bile küçük olsa da her seferinde bu dosyayı çağırmanız gerekir
- Her çağırışınızda bu gif kadar img elementi kullanmaız gerekir
- Internet tarayıcılar yüklenen her resmi sayfada göstermek için bir güç harcar, bu da "render" zamanını artırır, her ne kadar küçük de görünse
- Spacer.gif yüzünden html dosyası dışında sunucuya bir istek gönderilmek zorunda kalınır
Ufacık birÅŸeyin yarattığı kabusa bakın! Spacer.gif’in mucidi David Siegel keÅŸke 1996 yılında bu müthiÅŸ icadı gerçekleÅŸtirmeseydi.
Neden Bunu CSS ile Çözmüyorsunuz?
Spacer.gif’i kullanma amacı genellikle boÅŸlukları, yükseklikleri vs ayarlamaktır. CSS bize bu konuda bir sürü nimet sunmuÅŸken neden bir resime ihtiyacımız olsun ki?
margin ve padding özellikleri bu işler için biçilmiş kaftan!
Hiç olmadı bir html elementi kullanabilirsiniz:
<spacer type="block" width="40" height="15">
[Kaynak]