Selamlar, pek fazla HTML, CSS bilgim yok. JS sıfır hatta.
Envato elementsten indirdiğim bir temayı kendimce özelleştiriyorum. Fakat içerisinde varolan tasarımlarla neredeyse 20 tane hazır tema oluşturulmuş. Her birisi için ayrı css dosyaları ve ya ortak csslerdeki ayrı ayı css kodları var.

Ben bunun içerisinden sadece 1 tanesini özelleştirerek kullanacağım. Görsel kısımda kendi istediğim şekli verebiliyorum fakat arkaplanda kullanılmayan dosyalar ve ya kullanılan dosyalar içerisinde kullanılmayan kod satırları mevcut. Bunlarda haliyle doysa boyutunu artırıyor.

Bunları azaltmanın bir yolunu arıyorum.

İnternet üzerinde araştırırken Inspect Elements içerisinde Coverage diye bir bölümde dosya içerisindeki kullanılmayan CSS satırlarını kırmızı ile, kullanılan satırları mavi ile işaretliyor. Orada düzenleme yapmama izin verse kırmızı olanları silip kalanları editörde kopyalayıp yapıştıracağım ama sadece gösteriyor başka bir işlevi yok. Aynı şekilde JS bilgim sıfır olduğu için o konuda da ihtiyacım var.

VSCode kullanıyorum. İşime yaracak bir eklenti ve ya yöntem var mıdır?