Best practices om onze applicatie in ASP.NET MVC te optimaliseren

De optimalisatie van onze applicaties gemaakt met ASP.NET MVC Ze gaan niet alleen van de programmeerkant, het heeft ook veel te maken met de manier waarop we ons project organiseren en de afhankelijkheden ervan, in dit geval de bronnen die de browser moet downloaden, bijvoorbeeld afbeeldingen en bestanden. .css Y .js.
Dit wordt gegeven door de manier waarop de browser oproepen behandelt via de HTTP Wat te doen, omdat om veiligheidsredenen het aantal gelijktijdige oproepen naar hetzelfde domein beperkt is, zodat de gebruiker en zijn browse-ervaring niet worden geschaad.
Zoals we aan het begin vermeldden, hebben de browsers beperkingen Met betrekking tot het aantal gelijktijdige oproepen dat kan worden gedaan in een verzoek naar hetzelfde domein, is dat de reden waarom als we veel statische bestanden hebben, het downloaden langer zal duren als ze in verschillende insluitsels komen, dan wanneer we een kleiner aantal van deze hebben .
.js-bestanden samenvoegenOm een ​​substantiële verbetering te bereiken, moeten we onze bestanden combineren tot één, dit zal het aantal elementen dat moet worden gedownload verminderen, dus als we kunnen, zouden we een algemeen .js-bestand waar de algemene basisfunctionaliteiten te vinden zijn, en in uitzonderlijke gevallen een extra voor de verschillende specifieke scripts van de pagina.
SpritesHetzelfde kan worden toegepast op .css-bestanden, maar wat er gebeurt met afbeeldingen, we kunnen dit niet in één bestand mengen, dit is tot op zekere hoogte waar, maar we kunnen de figuur van de sprites, dus als we meerdere knoppen in afbeeldingsformaat hebben, kunnen we er meerdere maken sprites die meerdere van deze knoppen hebben en door CSS zoek de benodigde.
Als we dit toepassen, kunnen we het aantal te downloaden elementen verminderen, zoals we zien in de volgende grafische weergave:

Een ander belangrijk punt dat in dezelfde richting komt om het aantal oproepen te verminderen: HTTP is het gebruik van de CDN's, dit zijn statische inhoudsnetwerken die via een andere server gaan en die we kunnen gebruiken om onze afbeeldingen op te slaan, .js- en .css-bestanden, zodat de browser niet denkt dat hij inhoud van hetzelfde domein downloadt, waardoor de parallelle verzoeken die hij kan doen toenemen.
Dit brengt ook een bijkomend voordeel met zich mee, aangezien de bestandsservice van een aparte server komt, kunnen we deze server alleen optimaliseren om statische inhoud te dienen en dus onze server ASP.NET het zal een lagere belasting hebben, waardoor de CPU- en geheugenbelasting wordt verminderd.
Gebruik verschillende CDN'sIn feite kunnen we een kleine truc doen die zeer effectief is en is om er twee te gebruiken CDN's in verschillende domeinen, één voor de afbeeldingen en één voor de Scripts Y CSS, hiermee kunnen we meer downloads parallel hebben, wat de prestaties van onze applicatie aanzienlijk zal verbeteren.
Hiermee sluiten we deze tutorial af, we hebben gezien dat we de prestaties van onze applicatie kunnen verbeteren door kleine trucjes toe te passen en het aantal elementen dat de browser van de gebruiker moet downloaden te verminderen.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven