Bu konuya az önce bir sitede denk geldim ve nedir ne değildir diye biraz araştırdım.
Muhtemelen uygulayan veya uygulamayı düşünen arkadaşlar olacağını düşündüğüm için paylaşmak istedim.
Öncelikle gereksiz (o an sitede çalışmayan kaynakları) görmek için şu adımları uyguluyoruz:
Hemen altta bize coverage sekmesi açılacak ve orada işimize yaramayan css/js kodları KIRMIZI olarak gösterecek.
Şöyle:
Bu işlemin hem faydalı, hem de tehlikeli olduğunu düşünüyorum. O yüzden değişiklik yapılacak olan dosyanın yedeğini almakta fayda var.
İşlemi yapmadan önce sıkıştırma eklentisi kullanıyorsanız devre dışı bırakarak cache temizleyin. Bunu temizlik yapmamız gereken dosya yoluna daha kolay ulaşabilmek için yapıyoruz.
Ardından yukarıdaki görseldeki gibi coverage yi çalıştırıyoruz.
Dikkat!
Bu noktada sitede o an çalışmayan css ve js leri gösteriyor. Ancak fark ettim ki, sitenin arka planında duran ancak o an çalışmayan kodları da gereksiz olarak gösteriyor.
Örneğin dark mode için tanımlanmış css kodları. Site beyaz iken bütün dark mode css kodları gereksiz olarak gösteriliyor.
Ancak site dark mode olarak yenilendiğinde, gereksiz olarak görülen kodların oranı da değişiyor. (Tehlikeli dememin sebebi bu yüzden. )
Deneyecekseniz en azından aklınızda olsun
Benden bu kadar.
Örnek:
