CSS Kullanılmayan stilleri bulmak

Sitenizi hazır template üzerine kurdunuz veyahut css dosyasını başka bir yerden aldınız.Bu gibi durumlarda css dosyalarınızda sizin kullanmadığınız dosyalar olacaktır.Buda önemli değilmiş gibi gözükse de hazır template indirdiğinizde binlerce kod satırı demektir! Konuyla ilgili araştırmamı yaptım ve bu yazıyı buldum.Denemedim fakat yarın deneyeceğim!

Web sitesi hazırlarken kodların bir kısmını başka siteden aldıysanız sitedeki CSS dosyası sizin ihtiyacınızdan daha fazlasını barındırıyor olabilir. 3 satır HTML kodu için 200 satır CSS dosyası kullanırsanız gereksiz yere sitenin performansını azaltırsınız. Yapmanız gereken çok basit:

1. İlk olarak siteden aldığınız HTML kodunu boş bir HTML dosyasına yapıştırın ve kaydedin.
2. CSS dosyasını HTML dosyasıyla ilişkilendirin ve her iki dosyayı sitenizde bir klasöre yükleyin.
3. Firefox tarayıcınız yoksa Firefox kurun. İşimizi görecek olan yazılım bir Firefox eklentisi.
4. Firefox’u çalıştırın.
5. Dust-Me Selectors eklentisini yüklemek içinhttps://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/sayfasını ziyaret edin.
6. Eklentiyi yükleyin.
7. Tarayıcıyı yeniden başlatın.
8. Sitenize yüklediğiniz sayfayı Firefox’ta açın.
9. Tarayıcının sağ altında pembe süpürge ikonu göreceksiniz. Tıklayın.
10. Eklenti çalışmaya başlayacak ve HTML kodlarında bulunan sınıf ve ID’leri bulduktan sonra ilişkilendirilen CSS dosyasındakilerle kıyaslayacak ve kullanılmayanları size gösterecektir.
11. Sadece kullandıklarınız kalacak şekilde CSS dosyasını temizlediğinizde elinizde tertemiz bir CSS dosyası olacak.

Not: Eğer tüm sitenin CSS’ini elden geçiriyorsanız bu işlemi yaparken dikkatli olun. Zira kontrol ettiğiniz sayfada kullanılmayan özellikler başka sayfalarda kullanılıyor olabilir. Eklenti tüm siteyi değil sadece açık olan sayfayı kontrol eder.

Konu Orjinal Linki :  tıklayın