Filpositionering i ASP.NET MVC

Ett av problemen som många applikationer har är att även om de laddar innehållet snabbt, syns det inte snabbt i användarens webbläsare, det vill säga att webbläsaren laddade allt innehåll, alla bilder och alla CSS Y JS, men det är en liten fördröjning mellan det vi laddar och det vi ser.
Detta beror till stor del på placeringen av filöverföringarna i HTML, det vill säga, vi har förmodligen CSS och den JS blandat och detta gör det svårt för webbläsaren att visa allt som när du laddar en fil JS du måste bearbeta den innan du fortsätter till nästa fil.
Den första rekommendationen är alltid att placera stilfilerna som CSS högst upp i vår HTML -kod kan vi göra att webbläsaren gradvis visar applikationssidan så snart som möjligt.
På så sätt undviker vi att se en tom sida i många sekunder innan vi ser allt laddat, om inte vi ser hur sidan gradvis byggs, fungerar detta som en lättnad för användare, särskilt de som har en långsammare anslutning till nätverket eller Internet .
Om stilarken eller CSS är längst ner, kommer webbläsare normalt inte att ladda informationen för att undvika att behöva ändra stilen när de når den punkten, vilket får användaren att se ingenting.
Syftet med detta är att webbläsaren kan fortsätta ladda sidans resurser, eftersom om den hittar en JS -fil tills den laddar den utan fel kommer den inte att fortsätta ladda ner andra resurser, även om de finns i en CDN.
Var ska man lägga JS -filerna?För detta placerar vi filerna JS så långt vi kan i vår HTML, även om det finns fall att det inte är möjligt på grund av programmets struktur, så kan vi placera attributet uppskjuta med vilken vi säger till webbläsaren att den kan ladda den i slutet av allt.
Problemet med attributet uppskjuta är att inte alla webbläsare tolkar det på samma sätt, så ibland kan det inte göra vad vi tycker, men om vi kan placera en fil betyder detta attribut att det kan flyttas till slutet.
Låt oss se i följande bild hur processen med att ladda en sida är, i den första delen är filerna alla ovanpå och i ingen särskild ordning, i den andra delen är CSS upp och JS ner:

Där ögat är är den punkt i processen där användaren kan se applikationssidan, vi märker sedan hur sidan i den första delen syns mycket senare än vad vi kan se i den andra delen.
Med detta avslutar vi denna handledning, vi kan nu lägga till ett nytt element för att förbättra hastigheten och prestandan för vår applikation utöver att minska användarens väntan på att se vad deras webbläsare laddar.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng