Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!


Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > HTML - CSS - XML
Bikoin

Kullanılmayan CSS kodlarını nasıl filtreleriz?

  #1  
Okunmamış 10 Mart 2015, 14:49
blackstick Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 05 Mart 2015
Yaş / Cinsiyet: 32 / Erkek
Meslek: Webmaster
Konum: Mersin
Ad, Soyad: On... Yı...
Mesajlar: 20
Beğeniler: 5 / 3
Ticaret: 0, 0%
Arkadaşlar merhaba,
Forumda aradım ama pek bişey bulamadım. Öncelikle benzer bir konu daha önce açılmışsa özür diliyorum. Hepimiz wordpress'te en az 1 site yapmışızdır. Şu an benim belirteceğim sorunu da çoğumuz yaşamışızdır. Can alıcı bir konuya değineceğim.

Sitede kullanılan eklentiler arttıkça CSS kullanımı da artıyor ve sitenin açılması oldukça yavaşlıyor. Her ne kadar wordpress'te hızı artıran eklentiler olsa da (WP Super Cache vb..) hız yine de müşteriler için yeterince tatminkar olmuyor. Öyle bir araç veya crawler düşünün ki bütün web sitenizi tarasın, sitenizdeki CSS dosyalarını tespit etsin ve o dosyalarda kullanılmayan css sınıflarını ayrıştırıp size tertemiz bir şekilde export etsin. Sitelerimiz uçsun. Önerilerinizi bekliyorum.
  #2  
Okunmamış 10 Mart 2015, 14:59
cgrclk Adlı Üyenin Avatarı
Fortis Fortuna Adiuvat
 
Üyelik Tarihi: 18 Kasım 2011
Cinsiyet: Erkek
Meslek: Web Developer
Ad, Soyad: Ça... Ço...
Mesajlar: 3.119
Beğeniler: 2085 / 1144
Ticaret: 49, 100%
Bunu ben de merak ediyorum ya, böyle bir şey olsa gerçekten çok güzel olur. Çok gerekli olabiliyor bazen. Yoksa tek tek kontrol etmek lazım css kodlarını o da çok zor.
ASametYildirim bunu beğendi.
Forum kurallarına uyalım, uymayanları uyaralım.
--Forum kuralları
  #3  
Okunmamış 10 Mart 2015, 15:07
Jerolin Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 14 Ocak 2014
Yaş / Cinsiyet: 27 / Erkek
Meslek: Web Master
Ad, Soyad: Ah... Öz...
Mesajlar: 43
Beğeniler: 8 / 4
Ticaret: 0, 0%
Ben böyle birşeye daha önce denk gelmedim fakat bir nebze hızlansın diye css dosyalarınızı sıkıştırmanızı önerebilirim tabi bu istediğiniz cevap olmayabilir ama konuyu takip eden ve bilmeyenler için yararlı olabilir
  #4  
Okunmamış 10 Mart 2015, 15:28
blackstick Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 05 Mart 2015
Yaş / Cinsiyet: 32 / Erkek
Meslek: Webmaster
Konum: Mersin
Ad, Soyad: On... Yı...
Mesajlar: 20
Beğeniler: 5 / 3
Ticaret: 0, 0%
Alıntı:
Jerolin Adlı Üyeden Alıntı
Ben böyle birşeye daha önce denk gelmedim fakat bir nebze hızlansın diye css dosyalarınızı sıkıştırmanızı önerebilirim tabi bu istediğiniz cevap olmayabilir ama konuyu takip eden ve bilmeyenler için yararlı olabilir
Evet iyi yöntem ama yeterli olmuyor. Örneğin google'a unused css yazdığınızda bazı eklentiler çıkıyor. Mozilla'nın ve Chrome'nin eklentileri bunlar. Bakıyorsunuz, CSS dosyasının %90'ı kullanılmıyor. Ama export alamıyoruz. Çok ciddi bir sorun ve hız kaybı.
  #5  
Okunmamış 11 Mart 2015, 14:05
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 26 Ağustos 2014
Yaş / Cinsiyet: 32 / Erkek
Konum: Ankara
Ad, Soyad: Ev... Er...
Mesajlar: 539
Beğeniler: 84 / 90
Ticaret: 1, 67%
Css site hızına etkisi fazla değildir. zaten var olmayan classların yüklenmesi zaman almaz.kocaman bootstarp css i bile 150kb.zaten sıkıştırılıyor bu dosyalar.sitenizin hızını jsler daha çok düşürür.bunun yanı sıra css sprite metodunu az biraz inceleyin resimler css classlarından daha çok önemli.
  #6  
Okunmamış 12 Mart 2015, 15:35
blackstick Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 05 Mart 2015
Yaş / Cinsiyet: 32 / Erkek
Meslek: Webmaster
Konum: Mersin
Ad, Soyad: On... Yı...
Mesajlar: 20
Beğeniler: 5 / 3
Ticaret: 0, 0%
Alıntı:
balporsugu Adlı Üyeden Alıntı
Css site hızına etkisi fazla değildir. zaten var olmayan classların yüklenmesi zaman almaz.kocaman bootstarp css i bile 150kb.zaten sıkıştırılıyor bu dosyalar.sitenizin hızını jsler daha çok düşürür.bunun yanı sıra css sprite metodunu az biraz inceleyin resimler css classlarından daha çok önemli.
Çalıştığım reklam ajansına bir web sitesi yaptım. Wordpress kullandım. Stil dosyası 350 KB ve bu rakam ve sitede çalışan bütün js ve css dosyalarını tek tek sıkıştırıp (minify) tekrar ftpye yükledim. Gördüğüm kadarıyla en yüksek js dosyası 90 kb bile değil. Ama CSS dosyaları siteyi acayip kasıyor. Cache ile biraz hızlandı ama hala yeterli değil. Şak diye açılsın istiyorum

Bahsettiğim tarzda bi araç olsaydı bugün o site 3-4 saniyede değil 1 sanyeden kısa bir sürede açılırdı diye düşünüyorum.
  #7  
Okunmamış 12 Mart 2015, 23:42
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 26 Ağustos 2014
Yaş / Cinsiyet: 32 / Erkek
Konum: Ankara
Ad, Soyad: Ev... Er...
Mesajlar: 539
Beğeniler: 84 / 90
Ticaret: 1, 67%
Alıntı:
blackstick Adlı Üyeden Alıntı
Çalıştığım reklam ajansına bir web sitesi yaptım. Wordpress kullandım. Stil dosyası 350 KB ve bu rakam ve sitede çalışan bütün js ve css dosyalarını tek tek sıkıştırıp (minify) tekrar ftpye yükledim. Gördüğüm kadarıyla en yüksek js dosyası 90 kb bile değil. Ama CSS dosyaları siteyi acayip kasıyor. Cache ile biraz hızlandı ama hala yeterli değil. Şak diye açılsın istiyorum

Bahsettiğim tarzda bi araç olsaydı bugün o site 3-4 saniyede değil 1 sanyeden kısa bir sürede açılırdı diye düşünüyorum.
css dosyası 5 mbda olsa cacheden okucağı class sadece 1 satır olucak onu arayıp bulması snleri almaz.css dosyasını senin bilgisayarına indirme yapmıyor tarayıcın.resim gibi düşünme.girdiğin sitenin resimi bilgisayarına iner ama css dosyasını serverdan okutursun.açılış hızına etki etmez.o kadar az etkisi varki oraya gelene kadar diğer işlemleri kullan derim.
  #8  
Okunmamış 13 Mart 2015, 00:18
soulmy Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 12 Haziran 2012
Cinsiyet: Erkek
Meslek: Öğretmen
Konum: Samsun
Ad, Soyad: Or... Yü...
Mesajlar: 1.739
Beğeniler: 397 / 401
Ticaret: 18, 100%
Firebug + CSS usage eklentileri tam da bu işe yarıyor ama tek bir sayfayı tarıyor ne yazıkki.
Webmaster Araçları Scripti v2: https://goo.gl/f4lXDG
  #9  
Okunmamış 13 Mart 2015, 00:46
blackstick Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 05 Mart 2015
Yaş / Cinsiyet: 32 / Erkek
Meslek: Webmaster
Konum: Mersin
Ad, Soyad: On... Yı...
Mesajlar: 20
Beğeniler: 5 / 3
Ticaret: 0, 0%
Alıntı:
balporsugu Adlı Üyeden Alıntı
css dosyası 5 mbda olsa cacheden okucağı class sadece 1 satır olucak onu arayıp bulması snleri almaz.css dosyasını senin bilgisayarına indirme yapmıyor tarayıcın.resim gibi düşünme.girdiğin sitenin resimi bilgisayarına iner ama css dosyasını serverdan okutursun.açılış hızına etki etmez.o kadar az etkisi varki oraya gelene kadar diğer işlemleri kullan derim.
Güzel dedin de, öyle olsa neden css minify diye bir kavram olur ki. Neden webmasterlar css dosyalarını sıkıştırma ihtiyacı duyarlar. Her ne kadar sunucu sana 2-3 satırlık kod verecek olsa da o kodları yüksek boyutlu bir stil dosyasından alması yine de zaman alacaktır. Doğru muyum.
Mfa95 bunu beğendi.
www.spor33.com
  #10  
Okunmamış 13 Mart 2015, 01:52
PHPacemisi Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 02 Ocak 2014
Yaş / Cinsiyet: 43 / Erkek
Meslek: Öğretmen
Ad, Soyad: Se... Gü...
Mesajlar: 1.820
Beğeniler: 686 / 335
Ticaret: 5, 100%
CSS pek etkilemez. Minify olayı ise sadece bir seçenek. Sen Wordpress kurmuşsun, 10 tane eklenti çalıştırıyorsun (minimum 10 style dosyası), 5 tane de temada var diyelim, 15 tane style dosyası eder. O zaman css minify azıcık rahatlatabilir. Ama açılış hızını 4 saniyeden 1 saniyeye hayatta çekemez. Kullanılmayan CSS kodları ise çağrılmayacağı için pek sorun teşkil etmez. Bunun yerine CSS yapısını yeniden elden geçir. Kullanılmayanları aramak yerine kullanılanları grupla.
padding-left:5px; padding-right:3px vs yerine padding: 0 3px 5px 6px gibi kullan.
Aynı stile sahip öğeleri ayrı yazma
.icerik, .anasayfa, .madde {margin:0px auto;} gibi
Siteyi bitirdiysen, eklentilerin style dosyalarını da ana style dosyasıyla birleştirmen de işe yarar. İsteği azaltırsın.
Bunlar daha çok işe yarar. Yoksa binlerce satır kod çekiliyor, işleniyor, birkaç saniye sürüyor. CSS'de mi sorun çıkacak. Hem CSS ara belleğe alınır tarayıcıda, sık sık yenilenen birşey değil
Okan_IŞIK, soulmy, tiwaly ve 1 kişi daha bunu beğendi.
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > HTML - CSS - XML


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 09:19.