Kullanılmayan CSS kodlarını temizleme

Google yeni algoritmalarına göre site hızına çok dikkat etmeye başladı.https://developers.google.com/speed/pagespeed/insights/?hl=TR üzerinden sitenizin hız rekoruna göz atabilirsiniz fakat konumuz bu değil.
Konumuz sitenizin yavaş açılmasını sağlayan ve kullanılmayan css kodlarını nasıl hızlı bir şekilde silebiliriz onu göstereceğin.
https://purifycss.online/ adlı siteye giriyoruz.

Siteminiz ismini yazıp Clean up CSS butonuna tıklıyoruz.
İsteğe bağlı olarak birden fazla link verebilirsiniz.

Bize sonuçlarımızı çıkarttı.
Sonuçlara bakıcak olursak benim kullandığım main.css dosyasının sadece %17'lik kısmını kullanıyormuşum.Hangi kodların fazlalık olduğunu show diff butonuna basarak görebiliriz.
Sadece kullandığım kodlara erişmek için ise show clean css code butonuna tıklamamız yeterli.

Kodlarımızı bize gösterdi.Bu kodları direkt olarak main.css içerisine atıyoruz ve sitemizde artık kullanmadığımız css kodu kalmıyor.
Burada dikkat etmeniz gereken şey şudur.Bu kod sadece ana sayfada kullandığımız css kodlarını kapsar.Bu yüzden ilk başta site linkleri eklerken sitemizdeki tüm linkleri eklememiz gerekiyor.

Ben en fazla verimi almak istiyorum diyorsanız.Linkleri tek tek ekleyip sayfaya göre çıktısını almak ve header sayfanızda urle göre o dosyaları sayfaya dahil etmek.
Yükleniyor...