Gereksiz Css Kodlarını temizleme

Temizlemeye temizleye bişey kalmayacak Aklıma takılan, ben kategoriye göre farklı tasarım kullanıyorum ve bir sayfada kullanılmayan css diğer sayfada kullanılabilir.

Sana kesinlikle katılıyorum, index sayfasında kullanılmayan kodlar içerik sayfalarında kullanılıyor olabilir. Bu tür durumlarda sorun çıkıyormu denemek lazım.

Denedim ve tabiki olmadı, bir çözüm buldum ancak çok zahmetli olacak. Tüm css dosyalarını bir çatı altında toplayacaksın. Sonra her sayfa'yı bu yöntem ile açıp o sayfanın temizlenmiş css kodlarını kayıt edeceksin ve o sayfaya gömeceksin. Artık ne kadar çok sayfan var ise o kadar çok uğraşacaksın.

Yazdığınız her yazı gibi çok yararlı ve faydalı olmuş. Benim çaylak bir yazılımcı bir php kodu ile saatlerce uğraşır. Bu sebepten bu konuya değinmek bana hep zor gelmişti.

Yazınızı okuduktan sonra hemen kolları sıvayıp özellikle bootstrap css lerinden kurtulmak istedim. Fakat beceriksizliğimden olsa gerek bi türlü işi kıvıramadım. Dreamviewer' de unused cssleri silerken arada kullanılanlar filanda gitti. Sonra sizin google çözümünüzü denedim. Fakat 1300 satır koddan temizlemek gene işkence gibi oldu.

Bunun üzerine biraz araştırma yaptım. Sonucunda gerçekten iki tuş ile halledilebilen bir yöntem buldum. O kadar temiz bir iş çıkartıyor ki. Sizi bir sürü yükten kurtarıyor.

Kendi blogumda hemen nasıl yapılır şeklinde bir yazı yayınladım. Aynısını buraya da kopyalayım.

Bilmeyenler için çorbada bir tuzumuz bulunsun


-------------------------------------------------------------
Ç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.
------------------------------------------------------------------

Merhaba;

Burası Türkiyenin en büyük web forumu. Ve ben burada İstanbul'da ikamet eden bir css uzmanı bulamıyorum. Yaparım diyen 2 firma ise parayı almasına karşın işi yapmadı. Üzücü bir durum

sağlam bir yazı olmuş , sağol radmin.