Pozicioniranje datoteke u ASP.NET MVC

Jedan od problema koji mnoge aplikacije imaju je to što iako učitavaju sadržaj brzo, oni se ne vide brzo u pregledniku korisnika, odnosno preglednik je završio učitavanje svih sadržaja, svih slika i svih CSS Y JS, ali postoji malo kašnjenje između onoga što učitavamo i onoga što vidimo.
To je uvelike posljedica položaja učitavanja datoteka u HTML, odnosno vjerojatno imamo CSS i JS mješovito i to otežava pregledniku da prikaže sve kao pri učitavanju datoteke JS morate ga obraditi prije nego prijeđete na sljedeću datoteku.
Prva preporuka je uvijek postaviti datoteke stila kao CSS pri vrhu našeg HTML -a to nam omogućuje da preglednik progresivno prikaže stranicu aplikacije što je prije moguće.
Na taj način izbjegavamo vidjeti praznu stranicu mnogo sekundi prije nego što vidimo sve učitano, ako ne vidimo kako se stranica postupno gradi, to služi olakšanju za korisnike, osobito one koji imaju sporiju vezu s mrežom ili internetom .
Ako stilski listovi ili CSS na dnu, preglednici obično neće učitavati podatke kako bi izbjegli promjenu stila nakon što stignu do te točke, uzrokujući da korisnik ništa ne vidi.
Svrha toga je da preglednik može nastaviti učitavati resurse stranice, jer ako pronađe JS datoteku sve dok je ne učita bez pogrešaka, neće nastaviti s preuzimanjem drugih resursa, čak i ako su u CDN.
Gdje staviti JS datoteke?Za to stavljamo datoteke JS koliko god možemo u našem HTML -u, iako postoje slučajevi da to nije moguće zbog strukture aplikacije, tada možemo postaviti atribut odgoditi s kojim poručujemo pregledniku da ga može učitati na kraju svega.
Problem s atributom odgoditi je da ga svi preglednici ne tumače na isti način, pa ponekad ne može učiniti ono što mislimo, međutim ako postavimo datoteku, ovaj atribut znači da se može pomaknuti do kraja.
Pogledajmo na sljedećoj slici kako izgleda proces učitavanja stranice, u prvom dijelu datoteke su sve na vrhu i bez određenog redoslijeda, u drugom dijelu su CSS gore i JS dolje:

Tamo gdje je oko je točka u procesu u kojoj korisnik može vidjeti stranicu aplikacije, tada primjećujemo kako se u prvom dijelu stranica vidi mnogo kasnije od onoga što možemo vidjeti u drugom dijelu.
Ovim smo završili ovaj vodič, sada možemo dodati novi element za poboljšanje brzine i performansi naše aplikacije, uz smanjenje korisničkog čekanja da vidi što im se preglednik učitava.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod