Mfa95
Üyeliği Durdurulmuş
Banlı Kullanıcı
-
Üyelik
06.06.2018
-
Yaş/Cinsiyet
29 / E
-
Meslek
Öğrenci
-
Konum
Eskişehir
-
Ad Soyad
M** A**
-
Mesajlar
128
-
Beğeniler
83 / 30
-
Ticaret
0, (%0)
Selamun aleykum.
Bilindiği üzere kullanilmayan CSS ve js kod satırları hem dosya boyutunu hem yüklenme hızını doğrudan etkiliyor. Ve şahsen beni rahatsız ediyor bu satırlar kullanılmayan satırları nasıl tesbit Edip kaldirabilirim?
Halihazırda Chrome devTools da css coverage var fakat sadece tek sayfayı ve sadece o anda aktif olan veya olmayan satırları gösteriyor. Yani css de profesyonel olmak ve baya zaman harcayıp temizlemek gerekiyor.
Mesela bir swift buton vardı test siremde, coverage konsolunda açık hale gelmesini sağlayan kod gereksiz (kullanılmayan kod) olarak görünüyor. Fakat butona tıklayınca kullanilan koda dönüşüyor. Yani burada tek sayfada bile çok fazla uğraşmak gerekiyor kullanilmayan kodları tesbit etmek ve temizlemek için.
Vel-Hasıl siteyi otomatik tarayıp hiç bir zaman kullanilmayan kodları tesbit edip kolayca silebilecegimiz bir yöntem var mıdır? Yabancı kaynaklarda bir iki yöntem var github da kodları var fakat fazlasıyla karışık anlayamadım. Türkçe kaynak da yapılmamış bunun hakkında. Nasıl bir yöntem önerirsiniz? Eğer çözüm bulunabilirse gerçekten boyutlar fazlasıyla düşecektir. Lütfen yardımcı olun
-
Üyelik
20.07.2014
-
Yaş/Cinsiyet
28 / E
-
Meslek
Webmaster
-
Konum
Ankara
-
Ad Soyad
M** K**
-
Mesajlar
2074
-
Beğeniler
60 / 532
-
Ticaret
10, (%100)
Eğer gereksiz js ve css dosyalarını biliyorsanız sayfalara göre koşul belirleyip yüklenip yüklenmemesini sağlayabilirsiniz.
https://tr.wordpress.org/plugins/wp-asset-clean-up/Bu plugin ile scriptleri kontrol altında tutabilirsiniz.
Örnek olarak contact-form7.css dosyasının iletişim ormu olmayan bir sayfada kullanılması gereksizdir.Bu dosyayı unused css olarak belirleyebilirsiniz.
Fizello - Inspired by Colors
Mfa95
Üyeliği Durdurulmuş
Banlı Kullanıcı
-
Üyelik
06.06.2018
-
Yaş/Cinsiyet
29 / E
-
Meslek
Öğrenci
-
Konum
Eskişehir
-
Ad Soyad
M** A**
-
Mesajlar
128
-
Beğeniler
83 / 30
-
Ticaret
0, (%0)
@Blacksheep yok hocam dosya olarak demiyorum. Dosya içeriği olarak diyorum. Halihazırda wp-asset-clean-up eklentisi kurulu testler yapıyorum ama ben mesela style.css dosyasında 40.000 satır kod var ve bunların yarısı kullanılmıyor. Bunları otomatik şekilde nasıl tesbit Edip silebilirim onu soruyorum. Teşekkürler ilginiz için
-
Üyelik
20.07.2014
-
Yaş/Cinsiyet
28 / E
-
Meslek
Webmaster
-
Konum
Ankara
-
Ad Soyad
M** K**
-
Mesajlar
2074
-
Beğeniler
60 / 532
-
Ticaret
10, (%100)
İstemiş olduğunuz şeyin adı Critical CSS bu konuda araştırma yaparsanız rahatlıkla uygularsınız
Fizello - Inspired by Colors
Mfa95
Üyeliği Durdurulmuş
Banlı Kullanıcı
-
Üyelik
06.06.2018
-
Yaş/Cinsiyet
29 / E
-
Meslek
Öğrenci
-
Konum
Eskişehir
-
Ad Soyad
M** A**
-
Mesajlar
128
-
Beğeniler
83 / 30
-
Ticaret
0, (%0)
Teşekkürler hocam bu inceleyim. Litespeed cache eklentisinde de kritik CSS oluştur seçeneği var bununla bir bağlantısı var mı acaba?
kaanst
Üyeliği Durdurulmuş
Banlı Kullanıcı
-
Üyelik
28.02.2018
-
Yaş/Cinsiyet
28 / E
-
Meslek
Web Developer
-
Konum
İstanbul Avrupa
-
Ad Soyad
K** S**
-
Mesajlar
669
-
Beğeniler
435 / 160
-
Ticaret
31, (%94)
Merhaba,
Litespeed Cache eklentisinde bu dediğiniz özelliğin bulunduğunu hatırlıyorum, bizzat ben görmüştüm. Detaylı incelerseniz bulabileceğinizi düşünüyorum.