Anatomie van een webpagina met ASP.NET MVC

Het genereren van een webapplicatie kent verschillende mijlpalen, waaronder twee belangrijke, de eerste is dat deze voldoet aan de gebruikersbehoeften en is gemakkelijk te gebruiken, de tweede is dat het is snelst mogelijke, zodat we niet meer dan een seconde hoeven te wachten om elk van zijn secties te laden.
Om deze tweede mijlpaal te bereiken, moeten we onze applicatie optimaliseren zodra aan de eerste is voldaan, dat wil zeggen, zodra onze applicatie zijn functies goed uitvoert, moeten we de maximale prestaties extraheren om de gebruikerservaring te verbeteren.
Als we de samenstelling van een webpagina kennen, kunnen we de manier begrijpen waarop deze de browser bereikt en kunnen we dus de punten vinden waarop we enkele verbeteringen kunnen aanbrengen. Elk klein onderdeel dat we kunnen optimaliseren, zal uiteindelijk optellen voor een verrijkte gebruikerservaring.
De basiselementen van een pagina zijn:
HTMLDit is de code of tekst in het bestand, hoe groter de hoeveelheid code, hoe zwaarder het bestand, maar in pure tekst is het onwaarschijnlijk dat we veel ruimte innemen.
Js-bestandenHet is de complementaire taal bij uitstek, net als de HTML het is pure tekst, maar het is onwaarschijnlijk dat we het in pure vorm zullen gebruiken, dus we zullen bijna altijd moeten toevoegen .js-bestanden De onze HTML die bibliotheken en functionaliteiten bevatten, dit als het mogelijk is dat we veel ruimte in beslag nemen aangezien de bibliotheken over het algemeen uitgebreid zijn.
CSS-stijlbladenHet zijn bestanden of code die we invoegen in onze HTML waarmee we de manier kunnen modelleren waarop de browser het web aan de gebruiker zal tonen, evenals: Javascript we kunnen bibliotheken gebruiken die ruimte innemen.
MultimediaDit is de zwaarste sectie, in multimedia hebben we alles met betrekking tot afbeeldingen, video's en audio die we op onze pagina kunnen opnemen, dit is daarom het deel dat meer downloadgewicht aan onze applicatie toevoegt.
Laten we in het volgende diagram zien hoe het eruit ziet uitgelegd:

We zeggen dat alle inhoud van de hierboven beschreven pagina een gewicht heeft, dit is wat ervoor zorgt dat wanneer we een verzoek doen vanuit onze browser, het even moet wachten om ons het resultaat te tonen, deze keer wachten we is de download van de inhoud.
Daarom moeten we, als we een snellere pagina willen, efficiënter zijn bij het organiseren van de inhoud, bijvoorbeeld door afbeeldingen te gebruiken die zijn geoptimaliseerd voor het web, zo min mogelijk code te gebruiken door best practices te gebruiken, geminimaliseerde bestanden te gebruiken, gecomprimeerde inhoud te gebruiken, enz. .
Hiermee voltooien we deze tutorial, begrijpen we deze anatomie van een pagina, we kunnen de basisinformatie verkrijgen die we nodig hebben om te beginnen met optimaliseren, want als we een beetje logica gebruiken en een 30% of 40% Door het gewicht van de pagina zullen we het downloadgemak en dus de snelheid vergroten.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