1. Bu site çerezler kullanır. Bu siteyi kullanmaya devam ederek çerez kullanımımızı kabul etmiş olursunuz. Daha Fazla Bilgi.

Kullanılmayan CSS Kodlarını Bulmak

'Web Programlama - Web Programming' forumunda 3xpl0it tarafından 21 Kasım 2019 tarihinde açılan konu

  1. 3xpl0it

    3xpl0it I L L E G A L Defacer Crew

    Katılım:
    20 Kasım 2019
    Mesaj:
    139
    Alınan Beğeniler:
    95
    Şehir:
    Server
    Web Sitesi:
    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.
    [​IMG]
    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.
    [​IMG]
    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.
    [​IMG]
     
    Satan00011000, MrX, Evils ve 1 kişi daha bunu beğendi.
  2. Evils

    Evils root@evils:~$ Administrator

    Katılım:
    11 Eylül 2019
    Mesaj:
    1,055
    Alınan Beğeniler:
    540
    Cinsiyet:
    Erkek
    Şehir:
    Germany
    Web Sitesi:
    yararlı
     
  3. 3xpl0it

    3xpl0it I L L E G A L Defacer Crew

    Katılım:
    20 Kasım 2019
    Mesaj:
    139
    Alınan Beğeniler:
    95
    Şehir:
    Server
    Web Sitesi:
    teşekkürler
     
  4. MrX

    MrX ~ʀ00ᴛ@ᴍʀx: ꜰ*ᴄᴋ ᴅʀᴇᴀᴍꜱ.. Legendary

    Katılım:
    22 Eylül 2019
    Mesaj:
    916
    Alınan Beğeniler:
    351
    Cinsiyet:
    Erkek
    Şehir:
    Ağın İçindeki Ağ!
    gayet yararlı e.s
     
  5. 3xpl0it

    3xpl0it I L L E G A L Defacer Crew

    Katılım:
    20 Kasım 2019
    Mesaj:
    139
    Alınan Beğeniler:
    95
    Şehir:
    Server
    Web Sitesi:
    <3