Herkese Merhaba

Bir konuda bir kaç bilgi vermek istiyorum. Çoğu işlem yaptığım web sitesinde bana gelen en çok şikayet "Remove unused CSS " hatası. Türkçe karşılığı "Kullanılmayan CSS'i kaldır."
Hazır altyapı kullanılan sitelerin en büyük problemlerinden biri bu. Bazı sitelerde ise yapılan en büyük hata, tüm css dosyasını tek bir dosya içinde birleştirip sunmak. 2-3mb lık css dosyaları gördüm maalesef. Amaç istek sayısını azaltmak vb olsa da, günün sonunda yarardan çok zarar getirmekte. (HTML Doom inşası sırasında CSS'in neler etki ettiğini bilmeden bu hata yapılıyor maalesef.)

Html iskeleti oluşturulurken, tüm alt yapılarda değişkenlik gösterse de (Layout, Masterpage) kavramı bulunmakta. PHP tarafında arkadaşlar bunu header.php, footer.php şeklinde yapıyorlar, Asp.Net Web Form veya MVC tarafında Masterpade.aspx ve Layout.cshtml ile.

Çoğu site bootstrap css framework kullanmakta, buradaki amaç site için bir iskelet oluşturmak. Fakat yine çok yapılan bir hata ise sayfada hiç kullanılmayan css içeriğini bu dosyaya import etmekle oluşuyor.

Kısaca şöyle özetlemekte fayda var. Siteniz ortak bir header (Linkler, logo, giriş yap, kayıt ol) gibi kısımların olduğu, birde footer (sosyal linkler, kurumsal linkler adres) vb kısımların olduğu.

Şimdi siz iskelet.css adında bir css dosyası oluşturup sadece buralara etki edecek css'leri yazsanız, ardından ana sayfanızdaki haber slider vb.. içerikler için anasayfa.css hazırlamış olsanız ve anasayfa.css dosyasını sadece ana sayfa da çağırsanız, kategori veya yazı sayfanızda gereksiz yere ana sayfadaki haber slider için yazılan css'i bu sayfada kullanmamış olursunuz. "Remove unused CSS" bu hata ilede karşılaşmamış olursunuz.

Not: Bu işlemi yapmak zor bir süreç bunu kabul ediyorum. Sayfaların ayrışması, her sayfanın özel css'nin yazılması ama emin olun günün sonunda kazanan siz olursunuz.