Réduire la taille de la réponse dans ASP.NET MVC

Dans les applications Web, nous devons faire plusieurs petites choses pour obtenir de meilleures performances, dans la vie de production réelle, il n'y a pas vraiment de recette valable pour tous les cas, il y a simplement des recommandations qui peuvent être appliquées et ensuite évaluer si elles se déroulent comme prévu.
L'une des choses qui peuvent toujours améliorer les performances est réduire la taille de la réponse, car de cette manière, le navigateur doit télécharger moins de données et doit donc utiliser moins de bande passante, bien qu'avec les vitesses actuelles des connexions Internet, cela ne semble pas avoir d'importance, mais en réalité, tout a un peu d'influence.
L'une des principales actions que nous pouvons entreprendre pour réduire la taille de la réponse de notre application est de placer les scripts en externe, ceci avec les instructions CSSCeci est fait pour que le navigateur du client puisse mettre en cache le contenu de ces fichiers.
Il arrive que lorsque nous plaçons les instructions dans le même fichier de la vue de l'application, la taille de ce à quoi l'application doit répondre augmente, car en plus des résultats du serveur, nous devons ajouter les instructions à la fois Javascript Quoi CSS et deuxièmement, comme il s'agit d'un contenu variable, le navigateur ne le met pas en cache.
D'autre part, lorsque nous faisons charger ces ressources supplémentaires dans des fichiers séparés, le navigateur peut les mettre en cache et ne faire la demande que de contenu dynamique, donc si le navigateur sait déjà quels fichiers il va charger et que la réponse est beaucoup plus petite, nous verrons une amélioration des performances.

Comme nous le voyons dans l'image, le premier chargement amène le navigateur à télécharger toutes les ressources, après les avoir stockées dans le cache, nous voyons qu'il ne charge que la réponse de l'application, démontrant ainsi ce que nous avons expliqué.
DésavantagesComme nous l'avons mentionné au début du tutoriel, il ne s'agit que d'une recommandation pour améliorer les performances, mais cela ne devrait pas nécessairement fonctionner dans tous les cas, il y a par exemple un inconvénient évident à cela et c'est que placer les fichiers à différents endroits augmente le demandes HTTP, cela semble être atténué par l'utilisation de cache, mais que se passe-t-il si le cache n'est pas activé, les navigateurs devraient alors télécharger en faisant de nombreuses requêtes, réduisant ainsi l'avantage que nous aurions pu en tirer.
Une chose que nous pourrions faire est de travailler avec une combinaison de techniques pour accéder au meilleur de chaque monde, par exemple créer une maison principale qui charge les scripts dans son code, puis faire varier le contenu via AJAX, avec cela, nous pouvons réduire le nombre de demandes et la taille des réponses. Bien sûr, cela ne fonctionnera qu'avec des applications qui ne sont pas très étendues, car si nous ne pouvions pas perdre cet avantage.
Avec cela, nous terminons ce didacticiel, nous avons vu comment nous pouvons extraire un peu plus de performances de nos applications en utilisant toutes les ressources que les navigateurs nous offrent et en générant ainsi une meilleure expérience utilisateur.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif