Sol Banner
Sağ Banner
Sol Banner
Sağ Banner
Reklam Alanı
Reklam Alanı
Reklam Alanı
Reklam Alanı

Kullanılmayan Css Kodlarını Bulmak

Katılım:29 Mar 2022
Mesajlar:1,236
Tepkime puanı:20,195
Puanları:113
Krediler
639
Kullanılmayan CSS Kodları site performansını arttırmak isteyen web tasarımcılar için başlıca sorunlardan birisi, Hal böyle iken ve Google ‘ ın yaptığı son güncellemelerden sonra Performans hiç olmadığı kadar önemli bir hale geldi. Google’ın arama sonuç sıralamasındaki en büyük etkenlerden birinin site hızı olduğunu açıkladıktan sonra performans işleri daha çok ön plana çıktı. Durum böyle olunca sitemizin performansını ne kadar arttırabilirsek Google bize o kadar değer vermeye başlayacaktır. Bu makalemizde de kullanılmayan CSS ve JS’leri bulup sayfadan yada siteden çıkarmayı göreceğiz.

1667053908022.png


Google Chrome Developer Tool ( Control+Shift+I ) ’da sağdaki menüden (Windows, Linux) basıp açılan menüde Show Coverage yazın ve enter’a basın.
Gelen ekrandan kayıt butonuna tıklayarak ya da ‘F5’ ile sayfayı yenileyerek hesaplamayı başlatabilirsiniz. Burada dinamik olarak eklenen alanları açarak bu hesaplamanın daha iyi sonuçlar vermesini sağlayabilirsiniz. Gizle göster ile açılan alanlar vs. Kayıt butonuna tekrar basarak hesaplamayı bitirin. Sonuç listesi aşağıdaki gibi görünecektir.
1667053939289.png



Listede sayfadaki kaynaklar ve bunların kullanım oranlarını var. Her bir linkin üzerine tıklayarak detayını Source (Kaynak) sekmesinde görebilirsiniz.
Detay sayfasını incelediğimizde kod satırlarının solundaki kırmızı çizgi kullanılmayan yerleri yeşil çizgiler ise kullanılan alanları göstermektedir.
1667053946414.png
 

Konuyu görüntüleyen kullanıcılar

Personalize

Üst Alt