Filplassering i ASP.NET MVC

Et av problemene som mange applikasjoner har, er at selv om de laster innholdet raskt, blir de ikke sett raskt i brukerens nettleser, det vil si at nettleseren lastet ned alt innholdet, alle bildene og alt CSS Y JS, men det er en liten forsinkelse mellom det vi laster og det vi ser.
Dette skyldes i stor grad plasseringen av filopplastingene i HTML, det vil si at vi sannsynligvis har CSS og JS blandet, og dette gjør det vanskelig for nettleseren å vise alt som når du laster inn en fil JS du må behandle den før du fortsetter til neste fil.
Den første anbefalingen er alltid å plassere stilfilene som CSS øverst i HTML -koden vår, lar dette oss gjøre nettleseren gradvis å vise applikasjonssiden så snart som mulig.
På denne måten unngår vi å se en tom side i mange sekunder før vi ser alt lastet. Hvis ikke vi ser hvordan siden gradvis bygges, fungerer dette som en lettelse for brukere, spesielt de som har en tregere tilkobling til nettverket eller Internett. .
Hvis stilarkene eller CSS er nederst, vil nettlesere normalt ikke laste inn informasjonen for å unngå å måtte endre stilen når de når det punktet, noe som får brukeren til å se ingenting.
Hensikten med dette er at nettleseren kan fortsette å laste inn ressursene på siden, siden hvis den finner en JS -fil til den laster den uten feil, vil den ikke fortsette å laste ned andre ressurser, selv om de er i en CDN.
Hvor skal jeg legge JS -filene?For dette plasserer vi filene JS så langt tilbake vi kan i HTML -koden vår, selv om det er tilfeller at det ikke er mulig på grunn av programmets struktur, så kan vi plassere attributtet utsette som vi forteller nettleseren at den kan laste den på slutten av alt.
Problemet med attributtet utsette er at ikke alle nettlesere tolker det på samme måte, så noen ganger kan det ikke gjøre det vi tror, ​​men hvis vi kan plassere en fil betyr dette attributtet at det kan flyttes til slutten.
La oss se på bildet nedenfor hvordan prosessen med å laste en side er, i den første delen er filene alle på toppen og i ingen spesiell rekkefølge, i den andre delen er CSS opp og JS ned:

Der øyet er er punktet i prosessen der brukeren kan se applikasjonssiden, merker vi deretter hvordan siden i den første delen blir sett mye senere enn det vi kan se i den andre delen.
Med dette fullfører vi denne opplæringen, vi kan nå legge til et nytt element for å forbedre hastigheten og ytelsen til applikasjonen vår i tillegg til å redusere brukerens ventetid på å se hva nettleseren laster inn.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng