Riduci le dimensioni della risposta in ASP.NET MVC

Nelle applicazioni web bisogna fare tante piccole cose per ottenere prestazioni migliori, nella vita reale di produzione non esiste proprio una ricetta che sia valida per tutti i casi, ci sono semplicemente dei consigli che possono essere applicati e successivamente valutare se vanno secondo i piani.
Una delle cose che possono sempre migliorare le prestazioni è ridurre le dimensioni della risposta, poiché in questo modo il browser deve scaricare meno dati e quindi deve utilizzare meno banda, anche se con le attuali velocità delle connessioni Internet non sembra importare, ma in realtà tutto ha un po' di influenza.
Una delle azioni principali che possiamo intraprendere per ridurre la dimensione della risposta dalla nostra applicazione è posizionare gli script esternamente, questo insieme alle istruzioni CSSQuesto viene fatto in modo che il browser del client possa memorizzare nella cache il contenuto di questi file.
Succede che quando posizioniamo le istruzioni all'interno dello stesso file della vista dell'applicazione, prima aumenta la dimensione di ciò a cui l'applicazione deve rispondere, poiché oltre ai risultati dal server dobbiamo aggiungere le istruzioni sia Javascript Che cosa CSS e in secondo luogo, poiché si tratta di un contenuto variabile, il browser non lo memorizza nella cache.
D'altra parte, quando facciamo caricare queste risorse aggiuntive in file separati, il browser può memorizzarle nella cache ed effettuare solo la richiesta di contenuto dinamico, quindi se il browser sa già quali file sta per caricare e la risposta è molto più piccola, vedremo un miglioramento delle prestazioni.

Come vediamo nell'immagine, il primo caricamento fa sì che il browser scarichi tutte le risorse, dopo averlo memorizzato nella cache, vediamo che carica solo la risposta dell'applicazione, dimostrando così quanto spiegato.
SvantaggiCome accennato all'inizio del tutorial, questa è solo una raccomandazione per migliorare le prestazioni, ma non dovrebbe necessariamente funzionare in tutti i casi, ad esempio c'è un chiaro svantaggio in questo ed è che posizionare i file in luoghi diversi aumenta il richieste HTTP, questo sembra essere mitigato dall'uso di cache, ma cosa succede se la cache non viene attivata, i browser dovrebbero poi scaricare facendo molte richieste, riducendo così il vantaggio che avremmo potuto ottenere.
Una cosa che potremmo fare è lavorare con una combinazione di tecniche per accedere al meglio di ogni mondo, ad esempio creare una casa principale che carichi gli script all'interno del suo codice e quindi variare il contenuto tramite AJAX, con questo possiamo ridurre il numero di richieste e la dimensione delle risposte. Ovviamente funzionerà solo con applicazioni non molto estese, poiché se non potessimo perdere questo vantaggio.
Con questo finiamo questo tutorial, abbiamo visto come possiamo estrarre un po' più di prestazioni dalle nostre applicazioni utilizzando tutte le risorse che i browser ci offrono e in questo modo generando una migliore esperienza utente.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo