Optimisation des performances: réduire le code HTML dans le SDK de Znode 9.X Ecommerce Framework

La vitesse est un aspect important des performances de tout site Web. Actuellement, il existe un besoin d'une solution pour améliorer la vitesse de téléchargement des pages sur le site de commerce électronique. Pour résoudre ce problème, nous avons créé une solution élégante utilisant le langage asp.net MVC et le langage C # mis en œuvre (en supprimant l'espace blanc dans notre code HTML généré) sur le client d'un site Web de commerce électronique Znode 9.X.

L'explication donnée ci-dessous fonctionne sur SDK Znode Commerce ainsi que sur ASP.NET MVC version 4 et supérieure. Il minimise le HTML généré, supprimant les commentaires et les espaces lors de l'exécution de la page, et améliore ainsi les performances du site de commerce électronique en termes de vitesse de téléchargement de la page. Le code MVC ci-dessous supprime les espaces blancs du code HTML lors de l'écriture de la page.

Avant la mise en œuvre de la fonction HTML Minify:

Dans «View Source» sur la page Web, nous voyons quelque chose comme ceci:

Suivez les étapes ci-dessous pour implémenter cette fonctionnalité sur Znode 9.X Commerce framework, comme ainsi que sur les projets ASP.NET MVC:

1. Créez une nouvelle classe sous le dossier App_Start dans le projet de site Web Engine.WebStore ou n'importe où. Nommez la nouvelle classe MinifyHTMLViewPage. using System.Text.RegularExpressions; using System.Web.Mvc; espace de noms Znode.Engine.WebStore {     classe abstraite publique MinifyHTMLViewPage : WebViewPage     {         privé en lecture seule Regex rgxHtmlReg = nouveau Regex (@ "(> s + <)", RegexOptions.Compiled);         privé en lecture seule Regex rgxHtmlAll = new Regex (@ "( s + | t s + | n s * | r s +)", RegexOptions.Compiled);         privé en lecture seule Regex rgxHtmlComments = new Regex (@ "", RegexOptions.Compiled);         public override void Write (valeur d'objet)         {             if (valeur! = null)             {                 var minifyHtml = value.ToString ();                 minifyHtml = this.rgxHtmlReg.Replace (minifyHtml, "> <"); minifyHtml = this.rgxHtmlAll.Replace(minifyHtml, " "); minifyHtml = this.rgxHtmlComments.Replace(minifyHtml, ""); value = new MvcHtmlString(minifyHtml); } base.Write(value); } public override void WriteLiteral(object value) { if (value != null) { var minifyHtml = value.ToString(); minifyHtml = this.rgxHtmlReg.Replace(minifyHtml, "> <");                 minifyHtml = this.rgxHtmlAll.Replace (minifyHtml, "");                 minifyHtml = this.rgxHtmlComments.Replace (minifyHtml, "");                 valeur = minifyHtml;             }             base.WriteLiteral (valeur);         }     } }
2. Accédez à Web.config sous le dossier Vues dans le projet de site Web Engine.WebStore .
3. Ouvrez le fichier web.config
4. Recherchez ce texte et remplacez-le avec dans le fichier Web.config.
5. Générez la solution et exécutez le projet.

Après l'implémentation de la fonction HTML de Minify:

Nous pouvons voir que notre code source HTML est très différent: