bu işlemi js dosyalarında yapmak manıtken biraz daha kolaydır(frameworkler hariç) fakat css dosyalarında biraz daha uğraştırıcı ve siteyi tanımakla alakalı bişey.
öncelikle css dosyanızı parçalamanız gerekiyor bunun mantığını da kısaca anlatayım. bootsrap dan yola çıkarsak.
biliyorsunuz, eğer bootsrapı kendiniz compile etmediyseniz kullanıp,kullanmadığınız bir sürü css kuralı dosyaya girmiş olur.
öncelikle belireyim bu işlem biraz manuel, uğraştırıcı ve eğer eksik birşey yaparsanız sitenizin var olan düzeninde kaymalara sebep olabilir.
mantık, kritik css ve alt css dosyaları oluşturmak yola çıkyıor.
bootsrap kullanılan sitelerde grid sistemi yani containerlar row ve col hemen hemen her sayfada kullanılır, bunlar kritik css girdileri. yani sayfanın genel şablonun oluşturulmasında olmazsa olmaz css girdileri, bunları mesela grid.css olarak kaydeddip her sayfada çağırabilirsiniz veya direk dom a yani sayfa kaynağına basabilirsiniz.
daha sonra atıyorum single sayfalarınızda card veya jumbtron elemanlarını kullanıyorunuz, işte card css lerini veya jumbotron csslerini ayrı bir dosyaya atıp bunları
is_single diyerek card.css, jumbotron.css olarak enuqie etmeniz gerekiyor. bu işlemleri her sayfa tipi için yaptıktan sonra bunları birleştirip sıkıştırmanıza sıra geliyor.
burada da bir problem var piyasa hiçbir css veya js sıkıştırıcı/birleştirici eklenti ayrı ayrı sayfa tipleine özel sıkıştırma yapmaz, bu eklentileri de yeni kullandığınız bu mantığa göre çevirmeniz gerekiyor.