Anatomia di una pagina web con ASP.NET MVC

La generazione di un'applicazione web ha diverse pietre miliari, tra le quali ne abbiamo due importanti, la prima è che sia conforme ai le esigenze dell'utente ed è facile da usare, la seconda è che è il più veloce possibile, in modo da non dover attendere più di un secondo per caricare ciascuna delle sue sezioni.
Per raggiungere questo secondo traguardo, dobbiamo ottimizzare la nostra applicazione una volta soddisfatta la prima, ovvero una volta che la nostra applicazione svolge correttamente le sue funzioni, dobbiamo estrarre le massime prestazioni per amplificare l'esperienza dell'utente.
Conoscere la composizione di una pagina web ci permette di capire il modo in cui raggiunge il browser e quindi di essere in grado di trovare i punti in cui possiamo apportare dei miglioramenti, ogni piccola parte che possiamo ottimizzare si sommerà alla fine per un'esperienza utente arricchita.
Gli elementi base di una pagina sono:
HTMLQuesto è il codice o testo all'interno del file, maggiore è la quantità di codice più pesante è il file, tuttavia nel testo puro è improbabile che occuperemo molto spazio.
File JsÈ il linguaggio complementare per eccellenza, come il HTML è puro testo, tuttavia è improbabile che lo useremo in forma pura, quindi dovremo quasi sempre aggiungere File .js nostro HTML che contengono librerie e funzionalità, questo se è possibile che occupiamo molto spazio poiché le librerie sono generalmente estese.
Fogli di stile CSSSono file o codice che inseriamo nel nostro HTML che ci consente di modellare il modo in cui il browser mostrerà il Web all'utente, nonché Javascript possiamo usare librerie che occupano spazio.
MultimediaQuesta è la sezione più pesante, in multimedia avremo tutto ciò che riguarda immagini, video e audio che possiamo incorporare nella nostra pagina, questa è quindi la parte che aggiunge più peso di download alla nostra applicazione.
Vediamo nel diagramma seguente come appare spiegato:

Parliamo che tutto il contenuto della pagina sopra descritta ha un peso, questo è ciò che fa che quando facciamo una richiesta dal nostro browser deve aspettare qualche istante per mostrarci il risultato, questa volta aspettiamo è il download del contenuto.
Pertanto, se vogliamo una pagina più veloce, dobbiamo essere più efficienti nell'organizzare i contenuti, ad esempio utilizzando immagini ottimizzate per il web, rendendo possibile la minor quantità di codice utilizzando le migliori pratiche, utilizzando file minimizzati, utilizzando contenuti compressi, ecc. .
Con questo finiamo questo tutorial, comprendendo questa anatomia di una pagina, possiamo ottenere le informazioni di base di cui abbiamo bisogno per iniziare l'ottimizzazione, poiché se usiamo un po' di logica e diminuiamo un 30% o 40% Dal peso della pagina andremo ad aumentare la sua facilità di download e quindi la sua velocità.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo