Kullanımı Düşük Js ve CSS Dosyaları İçin Neler Yapılabilir?

Merhabalar, web sitemi hızlandırmaya çalışıyorum ve kendi araştırma ve bilgimle yapabileceğimin şeylerin hepsini yaptığımı düşünüyorum. Farklı araçlarda Js ve Css'ler hakkında uyarılar aldım. Kontrol ettiğimde dosyaların büyük bir bölümünün kullanılmadığını gördüm. Farklı eklentiler denedim, ancak herhangi bir değişiklik olmadı. Görselde yer alan dosyalar için neler yapılabilir?

Lazy loading yapabilirsiniz. Küçük bir javascript kodu ile eğer şu classlar varsa şu dosyaları yükle gibi bir işlev hazırlayabilirsiniz.

Hocam selamlar, dosyalarınızı bundle (paket) haline getirebilirsiniz. Webpack konusunu araştırabilirsiniz.

O js ve css leri sadece kullanıldıkları sayfada çağırmanız gerekir. Bunu yapan bir eklenti yok ise biraz yazılım bilgisine ihtiyacınız olabilir.

Teşekkürler araştıracağım
Maalesef kod bilgim yok hocam..

Siz. Net mvc de hepsini bundle mı ediyorsunuz?

Hayır hocam, ihtiyaca göre değişiyor.

Çok çok iyi derecede kod bilgisi olan birisine bu işleri yaptırmak gerek.

Gereksiz gördüğünüz bazı kodlar masa üstün girişlerde çalışıp mobilde çalışmaz.

Mobilden siteye giren kişi için kod çalışır iken bu seferde masaüstü için çalışmaz.

Bilgi olmadan yapılacak değişiklikler sitenin eksik veya hatalı çalışmasına neden olur.

Her işlem tek tek yapılarak kontrol edilmeli. Yoksa neresi bozuldu anlayamazsınız.

Örnek veriyorum wordpress kullanırsınız; yazı altında benzer içerikler veya sağ/sol widget kısmında son yazılar/son yorumlar vb. alanların çalışmasını engelleyebilir. Burada kullanılan küçük resimlerin gösterimine engel olabilir vb. sorunlar.

Ücretli perfmatters eklentisi ile js ve css dosyalarını sadece kullanıldığı sayfada çalıştırabilirsin böylece diğer sayfalarda yüklenmez ve hızı arttırır.