Anatomie d'une page web avec ASP.NET MVC

La génération d'une application web comporte plusieurs jalons, parmi lesquels nous en avons deux importants, le premier est qu'elle respecte les besoins de l'utilisateur et est facile à utiliser, la seconde est qu'il est le plus rapide possible, afin que nous n'ayons pas à attendre plus d'une seconde pour charger chacune de ses sections.
Pour atteindre ce deuxième jalon, nous devons optimiser notre application une fois le premier atteint, c'est-à-dire qu'une fois que notre application exécute correctement ses fonctions, nous devons extraire le maximum de performances pour amplifier l'expérience utilisateur.
Connaître la composition d'une page Web nous permet de comprendre la manière dont elle atteint le navigateur et ainsi de pouvoir trouver les points sur lesquels nous pouvons apporter quelques améliorations, chaque petite partie que nous pouvons optimiser s'additionnera au final pour une expérience utilisateur enrichie.
Les éléments de base d'une page sont :
HTMLIl s'agit du code ou du texte dans le fichier, plus la quantité de code est importante, plus le fichier est lourd, cependant en texte pur, il est peu probable que nous occupions beaucoup d'espace.
fichiers JsC'est la langue complémentaire par excellence, comme la HTML il s'agit de texte pur, mais il est peu probable que nous l'utilisions sous une forme pure, nous devrons donc presque toujours ajouter fichiers .js à nôtre HTML qui contiennent des bibliothèques et des fonctionnalités, ceci s'il est possible que nous prenions beaucoup de place puisque les bibliothèques sont généralement étendues.
Feuilles de style CSSCe sont des fichiers ou du code que nous insérons dans notre HTML qui nous permet de modéliser la manière dont le navigateur montrera le Web à l'utilisateur, ainsi que Javascript nous pouvons utiliser des bibliothèques qui prennent de la place.
MultimédiaC'est la section la plus lourde, en multimédia, nous aurons tout ce qui concerne les images, les vidéos et l'audio que nous pouvons incorporer sur notre page, c'est donc la partie qui ajoute plus de poids de téléchargement à notre application.
Voyons dans le diagramme suivant à quoi cela ressemble expliqué:

Nous disons que tout le contenu de la page décrite ci-dessus a un poids, c'est ce qui fait que lorsque nous faisons une demande depuis notre navigateur, il doit attendre quelques instants pour nous montrer le résultat, cette fois nous attendons le téléchargement du contenu.
Par conséquent, si nous voulons une page plus rapide, nous devons être plus efficaces dans l'organisation du contenu, par exemple en utilisant des images optimisées pour le Web, en utilisant le moins de code possible en utilisant les meilleures pratiques, en utilisant des fichiers minifiés, en utilisant du contenu compressé, etc. .
Avec cela, nous terminons ce tutoriel, en comprenant cette anatomie d'une page, nous pouvons obtenir les informations de base dont nous avons besoin pour commencer à optimiser, car si nous utilisons un peu de logique et diminuons un 30% ou alors 40% Du poids de la page, nous augmenterons sa facilité de téléchargement et donc sa vitesse.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif