Yada bir tasarım dosyası indirirsiniz, tasarımcı içinde kullanmadığı bir sürü gereksiz css elementi bırakmış olur. Hele birde bunu sıkıştırmış ise
Şekil 1 gibi:
Bu dosyada kullanılmayan gereksiz kodları temizlemek çin işkencesi halini alır. Sıfırdan bir tasarım yapacak vaktinizde yoksa bu yazıyı okumaya devam edebilirsiniz.
Öncelikle firefox için firebug eklentisini kuruyoruz. Sonra css usage eklentini kuruyoruz.
Firefox'u yeniden başlatıp dosyamızı firefox ile açıyoruz. F12 yapıp firebug konsolunu açıyoruz.
Şekil 2 gibi:
CSS USAGE tab bölümünden autoscan yapıp dosyada kullanılmayan gereksiz css elementlerini bulduruyoruz. Şekildeki resimde görülen export butonundan yeniden oluşturulmuş CSS dosyasını kayıt ediyoruz.
Yeni kayıt ettiğimiz css dosyası artık sıkıştırılmış formattan çıkıp daha okunaklı hale geliyor.
Dosyamızı dreamweaver ile açıp style konsolundan sayfa içinde aktif olarak kullanılmayan UNUSED etiketli gereksiz cssleri çok rahat hızlı bir şekilde seçip silebiliyorsunuz.
Bu işlem sonrasında ilk css dosya boyutum 257kb idi şimdi 37kb a düştü.
21 kişi bunu beğendi.
