ASP.NET MVC'de dosya konumlandırma

Pek çok uygulamanın sahip olduğu sorunlardan biri, içeriği hızlı yüklemelerine rağmen kullanıcının tarayıcısında hızlı görülmemeleri yani tarayıcının tüm içeriği, tüm görüntüleri ve tüm içeriği yüklemeyi bitirmesidir. CSS Y JS, ancak yüklediklerimizle gördüklerimiz arasında biraz gecikme var.
Bu, büyük ölçüde dosya yüklemelerinin dosyadaki konumundan kaynaklanmaktadır. HTML, yani, muhtemelen elimizde CSS ve JS karışıktır ve bu, tarayıcının bir dosya yüklerken olduğu gibi her şeyi görüntülemesini zorlaştırır JS sonraki dosyaya devam etmeden önce onu işlemeniz gerekir.
İlk öneri her zaman stil dosyalarını CSS HTML'mizin en üstünde, bu, tarayıcının uygulama sayfasını mümkün olan en kısa sürede aşamalı olarak görüntülemesini sağlar.
Bu şekilde, yüklenen her şeyi görmeden önce birkaç saniye boş bir sayfa görmekten kaçınırız, sayfanın kademeli olarak nasıl oluşturulduğunu görmezsek, bu, özellikle ağ veya internete daha yavaş bağlantısı olan kullanıcılar için bir rahatlama görevi görür. .
Eğer stil sayfaları veya CSS en altta ise, tarayıcılar bu noktaya ulaştıklarında stili değiştirmek zorunda kalmamak için normalde bilgileri yüklemez ve kullanıcının hiçbir şey görmemesine neden olur.
Bunun amacı, tarayıcının sayfanın kaynaklarını yüklemeye devam edebilmesidir, çünkü bir JS dosyası bulursa, onu hatasız yükleyene kadar diğer kaynakları indirmeye devam etmeyecektir. CDN.
JS dosyalarını nereye koyacağız?Bunun için dosyaları yerleştiriyoruz JS HTML'mizde olabildiğince geriye, uygulamanın yapısı nedeniyle mümkün olmadığı durumlar olsa da, özniteliği yerleştirebiliriz. ertelemek tarayıcıya her şeyin sonunda yükleyebileceğini söylediğimiz.
Özellik ile ilgili sorun ertelemek tüm tarayıcıların onu aynı şekilde yorumlamamasıdır, bu nedenle bazen düşündüğümüz şeyi yapamaz, ancak bir dosya yerleştirebilirsek bu özellik, sonuna taşınabileceği anlamına gelir.
Aşağıdaki resimde bir sayfa yükleme işleminin nasıl olduğunu görelim, ilk bölümde dosyalar en üstte ve belirli bir sıra olmadan, ikinci bölümde ise CSS yukarı ve JS aşağı:

İşlemde kullanıcının uygulama sayfasını görebildiği nokta göz nerede ise, ilk bölümde sayfanın nasıl göründüğünü ikinci bölümde gördüğümüzden çok daha sonra fark ederiz.
Bununla bu öğreticiyi bitiriyoruz, artık kullanıcının tarayıcısının ne yüklediğini görmek için beklemesini azaltmanın yanı sıra uygulamamızın hızını ve performansını iyileştirmek için yeni bir öğe ekleyebiliriz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.