Çoğu webmaster arkadaşımız bir site yaptıktan sonra, gerek hazır kod kullanımı, gerekse siteyi yaparken oluşan dalgınlıklardan dolayı, sitenizdeki css kodlarının bir bölümünün kullanmamaktadır.
Size anlatacağım yöntem ile çok kolay bir biçimde sitenizdeki kullanılmayan tüm css kodlarını sileceksiniz, sitenizin yükleme hızını aşırı derecede hızlandıracaksınız.
Öncelikle ihtiyacınız olan Firefox tarayıcı ve ardından Dust-Me Selectors eklentisini kurmanız gerekiyor. Eklentiyi kurmayı bildiğinizi var sayarak, bu eklentiyi nasıl kullanacağınızı anlatalım;
– Bu işlemleri uygulamadan önce değişiklik yapacağınız .css dosyanızın yedeğini almanızı öneririz.
1- Firefox’unuzu eklentiyi kurduktan sonra yeniden başlatın, ve ekranın sağ üst köşesinde bir süpürge resmi göreceksiniz, ona basalım,
2- Önünüze açılan Unit Sector kısmında kaç tane css fonksiyonu / satırının kullanılmadığını size söylüyor. Hemen ekranın sağ tarafında bulunan “Clean” butonuna basalım;
3- Birkaç saniye bekledikten sonra önünüze css dosyanızın temizlenmiş hali gelecektir. sayfanın aşağısına doğru indiğinizde iki tane seçenek göreceksiniz;
– Commented-out
Bu seçenek seçiliyken “save” butonunuza basarsanız still dosyanızdaki kullanılmayan satırları /– –/ şeklinde kullanım dışı yapmaktadır. Ama css dosyanızdan silmemektedir.
– Removed
Bu seçeneği seçip “save” butonuna basarsanız css dosyanızdaki tüm kullanılmayan satırları silip size tertemiz bir css dosyası verecektir.
4- Seçiminizi yapıp “Save” butonuna bastığınızda still css dosyanızı bilgisayarınıza kaydedeceksiniz. Ardından bu css dosyasının içindekileri kopyalayıp, hostinginizde bulunan css dosyanızın içeriği ile değiştirebilirsiniz.
Ben bu yöntemi kendi css dosyalarımda uyguladım. Css dosyamda %90 civarında küçülme oldu.
Özellikle bootstrap veya büyük ölçekli css dosyaları kullanan kişilerin muhakkak kullanması gereken bir eklenti olduğunu belirtmek isterim.
Son olarak belirtmek isterim ki, index sayfanızda kullanmadığınız fakat örneğin content-single.php dosyanızda kullandığınız css satırlarına dikkat edin. Çünkü bu eklendi sadece taradığı sayfadaki kullanılmayan css dosyalarını buluyor. Bu konuda dikkatli olmanızı öneririm.