Best practice per ottimizzare la nostra applicazione in ASP.NET MVC

L'ottimizzazione delle nostre applicazioni realizzate con ASP.NET MVC Non vanno solo dal lato della programmazione, ma hanno anche molto a che fare con il modo in cui organizziamo il nostro progetto e le sue dipendenze, in questo caso delle risorse che il browser deve scaricare, ad esempio immagini e file. .css sì .js.
Questo è dato dal modo in cui il browser tratta le chiamate attraverso il HTTP Cosa fare, poiché per motivi di sicurezza il numero di chiamate simultanee che possono essere effettuate allo stesso dominio è limitato, in modo da non danneggiare l'utente e la sua esperienza di navigazione.
Come accennato all'inizio, i browser hanno restrizioni Per quanto riguarda il numero di chiamate simultanee che possono essere effettuate in una richiesta allo stesso dominio, ecco perché se abbiamo molti file statici, questo richiederà più tempo per il download se arrivano in inclusioni diverse, rispetto a se ne abbiamo un numero inferiore .
Unisci file .jsPer ottenere un miglioramento sostanziale dobbiamo unire i nostri file in uno, questo ridurrà la quantità di elementi che devono essere scaricati, quindi se possiamo dovremmo avere un file .js generale dove individuare le funzionalità di base generali e, in casi eccezionali, includerne una aggiuntiva per i diversi script particolari della pagina.
spriteLo stesso può essere applicato ai file .css, tuttavia ciò che accade con le immagini, non possiamo mescolarlo in un unico file, questo è vero fino a un certo punto, ma possiamo usare la figura del sprite, quindi se abbiamo più pulsanti in formato immagine, possiamo crearne diversi sprite che hanno molti di questi pulsanti e da CSS individuare quello necessario.
Applicando questo possiamo ridurre la quantità di elementi da scaricare come vediamo nella seguente rappresentazione grafica:

Un altro punto importante che va nella stessa direzione per ridurre le chiamate attraverso HTTP è l'uso del CDN, si tratta di reti di contenuti statici che passano attraverso un server diverso e che possiamo utilizzare per memorizzare le nostre immagini, File .js e .css, in modo che il browser non pensi di scaricare contenuti dallo stesso dominio, aumentando così le richieste parallele che può effettuare.
Ciò comporta anche un ulteriore vantaggio, poiché il servizio file proviene da un server separato, possiamo ottimizzare tale server solo per servire contenuto statico e quindi il nostro server ASP.NET avrà una quantità di carico inferiore, riducendo così il carico della CPU e della memoria.
Usa CDN differentiIn effetti possiamo fare un piccolo trucco che è molto efficace ed è usarne due CDN in diversi domini, uno per le immagini e uno per il script sì CSS, con questo possiamo avere più download in parallelo, il che aumenterà significativamente le prestazioni della nostra applicazione.
Con questo finiamo questo tutorial, abbiamo visto che possiamo aumentare le prestazioni della nostra applicazione impiegando piccoli trucchi e riducendo la quantità di elementi che il browser dell'utente deve scaricare.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo