Table des matières
Lorsqu'un utilisateur visite notre page ou application pour la première fois, sa vitesse initiale sera un peu inférieure, car à ce moment-là, le navigateur doit télécharger pour la première fois toutes les ressources graphiques, telles que les images et CSS, en plus des scripts tels que.js.Que se passe-t-il lorsque l'utilisateur visite à nouveau la page ? Cela devrait se charger plus rapidement puisque ces éléments restent les mêmes donc ils ne devraient pas changer, le problème c'est que si on ne dit pas au navigateur combien de temps les garder, il est probable que si l'utilisateur visite à nouveau la page dans une heure tout se passe comme la première fois.
Le futur lointain est une phrase que l'on entend beaucoup quand on parle de cache de contenu et navigateur, c'est parce qu'il fait référence à la durée pendant laquelle le navigateur doit conserver le contenu sans avoir à le télécharger à nouveau à chaque visite de l'utilisateur.
Normalement une valeur appropriée pour le navigateur garder le contenu est de 1 moisCependant, selon le type d'application et sa fréquence de mise à jour, des cas allant jusqu'à un an.
ASP.NET MVC nous offre la possibilité d'établir la durée de vie et l'expiration du cache de notre application grâce à certaines instructions qui, après l'interprétation du serveur, deviennent En-têtes HTTP qui indiquent les informations nécessaires au navigateur.
Pour cela, nous pouvons utiliser les méthodes Cache.SetExpires () Oui Cache.SetMaxAge (), où le premier indique l'heure ou la date à laquelle le cache doit mourir et le second jusqu'au moment où il doit être maintenu, pour son application dans le code, nous pouvons le faire comme nous le voyons dans l'image suivante :
AGRANDIR
Le cache du serveurUne autre façon de définir l'en-tête et l'expiration du cache est via le serveur, dans notre cas IISPour cela, nous pouvons utiliser les en-têtes au sein de l'élément, avec lesquels le serveur donnera directement au navigateur les informations requises.
Lorsqu'il y a un changement dans le contenu mis en cache et que nous avons besoin qu'il soit affiché, nous devons dire au navigateur de charger ce nouveau contenu, généralement nous le faisons en modifiant le URL de même, pour cela, nous pouvons travailler avec des versions du contenu, donc si nous avons un fichier scripts-front.js, pour que le changement soit reflété, nous pouvons le changer en scripts-front-v2.jsDe cette façon, le navigateur détectera qu'il s'agit d'un nouvel élément et le rechargera.
Avec cela, nous terminons ce tutoriel, nous avons vu comment augmenter la vitesse de notre application en informant le navigateur qu'il ne doit pas charger les ressources plus d'une fois.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif