Poziționarea fișierelor în ASP.NET MVC

Una dintre problemele pe care le au multe aplicații este că, deși încarcă rapid conținutul, acestea nu sunt văzute rapid în browserul utilizatorului, adică browserul a terminat de încărcat tot conținutul, toate imaginile și toate CSS Da JS, dar există o mică întârziere între ceea ce încărcăm și ceea ce vedem.
Acest lucru se datorează în mare măsură poziției încărcărilor de fișiere în HTML, adică probabil avem CSS si JS mixt și acest lucru face dificilă afișarea tuturor browserelor ca atunci când se încarcă un fișier JS trebuie să îl procesați înainte de a continua la următorul fișier.
Prima recomandare este întotdeauna să plasați fișierele de stil ca CSS în partea de sus a codului nostru HTML, acest lucru ne permite să facem browserul să afișeze progresiv pagina aplicației cât mai curând posibil.
În acest fel, evităm să vedem o pagină goală timp de multe secunde înainte de a vedea totul încărcat, dacă nu, vedem cum pagina este construită treptat, aceasta servește ca o ușurare pentru utilizatori, în special pentru cei care au o conexiune mai lentă la rețea sau la Internet .
Dacă foile de stil sau CSS sunt în partea de jos, browserele nu vor încărca în mod normal informațiile pentru a evita să fie nevoie să schimbe stilul după ce ajung la acel punct, determinând utilizatorul să nu vadă nimic.
Scopul acestui lucru este ca browserul să poată continua încărcarea resurselor paginii, deoarece dacă găsește un fișier JS până când îl încarcă fără erori, nu va continua să descarce alte resurse, chiar dacă acestea se află într-un CDN.
Unde se pun fișierele JS?Pentru aceasta plasăm fișierele JS cât de mult putem înapoi în HTML, deși există cazuri în care nu este posibil datorită structurii aplicației, atunci putem plasa atributul amâna cu care îi spunem browserului că îl poate încărca la finalul tuturor.
Problema cu atributul amâna este că nu toate browserele îl interpretează în același mod, deci uneori nu poate face ceea ce credem, totuși, dacă putem plasa un fișier, acest atribut înseamnă că poate fi mutat până la capăt.
Să vedem în imaginea următoare cum este procesul de încărcare a unei pagini, în prima parte fișierele sunt toate deasupra și în nici o ordine specială, în a doua parte sunt CSS sus și JS jos:

Unde ochiul este punctul din proces în care utilizatorul poate vedea pagina aplicației, observăm cum în prima parte pagina este văzută mult mai târziu decât ceea ce putem vedea în a doua parte.
Cu aceasta terminăm acest tutorial, putem adăuga acum un element nou pentru a îmbunătăți viteza și performanța aplicației noastre, pe lângă reducerea așteptării utilizatorului pentru a vedea ce se încarcă browserul său.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv