Meilleures pratiques pour optimiser notre application dans ASP.NET MVC

L'optimisation de nos applications réalisées avec ASP.NET MVC Ils ne vont pas seulement du côté de la programmation, cela a aussi beaucoup à voir avec la manière dont nous organisons notre projet et ses dépendances, en l'occurrence les ressources que le navigateur doit télécharger, par exemple des images et des fichiers. .css Oui .js.
Ceci est donné par la manière dont le navigateur traite les appels via le HTTP Que faire, car pour des raisons de sécurité, le nombre d'appels simultanés pouvant être passés vers le même domaine est limité, afin de ne pas nuire à l'utilisateur et à son expérience de navigation.
Comme nous l'avons mentionné au début, les navigateurs ont restrictions Concernant le nombre d'appels simultanés pouvant être effectués dans une requête vers le même domaine, c'est pourquoi si nous avons beaucoup de fichiers statiques, cela prendra plus de temps à télécharger s'ils viennent dans des inclusions différentes, que si nous en avons un plus petit nombre .
Fusionner des fichiers .jsPour obtenir une amélioration substantielle, nous devons combiner nos fichiers en un seul, cela réduira la quantité d'éléments qui doivent être téléchargés, donc si nous le pouvons, nous devrions avoir un fichier .js général où localiser les fonctionnalités générales de base, et dans des cas exceptionnels en inclure une supplémentaire pour les différents scripts particuliers de la page.
LutinsLa même chose peut être appliquée aux fichiers .css, cependant ce qui se passe avec les images, nous ne pouvons pas mélanger cela dans un seul fichier, c'est vrai jusqu'à un certain point, mais nous pouvons utiliser la figure du sprites, donc si on a plusieurs boutons au format image, on peut en créer plusieurs sprites qui ont plusieurs de ces boutons et par CSS localiser le nécessaire.
En appliquant cela, nous pouvons réduire la quantité d'éléments à télécharger comme nous le voyons dans la représentation graphique suivante :

Un autre point important qui va dans le même sens pour réduire les appels via HTTP est l'utilisation du CDN, ce sont des réseaux de contenus statiques qui passent par un serveur différent et que nous pouvons utiliser pour stocker nos images, fichiers .js et .css, afin que le navigateur ne pense pas qu'il télécharge du contenu du même domaine, augmentant ainsi les requêtes parallèles qu'il peut effectuer.
Cela apporte également un avantage supplémentaire, comme le service de fichiers provient d'un serveur séparé, nous pouvons optimiser ledit serveur uniquement pour servir du contenu statique et donc notre serveur ASP.NET il aura une charge plus faible, réduisant ainsi la charge du processeur et de la mémoire.
Utiliser différents CDNEn fait on peut faire une petite astuce qui est très efficace et qui consiste à utiliser deux CDN dans des domaines différents, un pour les images et un pour le Scénarios Oui CSS, avec cela, nous pouvons avoir plus de téléchargements en parallèle, ce qui augmentera considérablement les performances de notre application.
Avec cela, nous terminons ce tutoriel, nous avons vu que nous pouvons augmenter les performances de notre application en employant de petites astuces et en réduisant la quantité d'éléments que le navigateur de l'utilisateur doit télécharger.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif