WebMarkupMin HTML Minifier - .NET प्लेटफॉर्म के लिए एक आधुनिक HTML मिनिमाइज़र

2012 की शुरुआत में, मैं MSDeveloper.RU पत्रिका के लिए ASP.NET MVC में ग्राहक अनुकूलन के बारे में लेखों की एक श्रृंखला पर काम कर रहा था। कुल मिलाकर, 2 लेख प्रकाशित किए गए: "जेएस और सीएसएस फ़ाइलों का संपीड़न" और "संसाधन प्रबंधक" , लेकिन मेरी योजना एक और 2 लेख लिखने की थी: एक ग्राफिक्स के अनुकूलन के बारे में, और दूसरा HTML मार्कअप और जीज़िप / डिफ्लेक्शन संपीड़न को कम करने के बारे में (संपीड़न) आगे बस HTTP संपीड़न)। दुर्भाग्य से, खाली समय की कमी (उस पल में, मैं बंडल ट्रांसफार्मर परियोजना चला रहा था) और पत्रिका के बाद के समापन के कारण इन योजनाओं को महसूस नहीं किया जा सका।

लेकिन हाल ही में, मैंने HTML मार्कअप के अनुकूलन के विषय पर लौटने का फैसला किया। थोड़ा शोध के बाद, मुझे एहसास हुआ कि .NET के तहत व्यावहारिक रूप से पूर्ण HTML HTML न्यूनतम नहीं हैं। सभी मौजूदा .NET समाधान केवल 2 ऑपरेशन करते हैं: अनावश्यक व्हाट्सएप को हटाना और HTML टिप्पणियों को हटाना, यही कारण है कि वे अन्य प्लेटफार्मों से समाधान के लिए बहुत खो देते हैं। इसलिए, मैंने .NET के लिए अपना खुद का HTML मिनिमाइज़र लिखने का फैसला किया, जिस पर इस लेख में चर्चा की जाएगी।

HTML का विकास न्यूनतम

अपनी परियोजना का वर्णन करना शुरू करने से पहले, मैं HTML न्यूनतमकरण के लगभग 15 साल के इतिहास और इस प्रक्रिया को स्वचालित करने वाले सॉफ़्टवेयर टूल के विकास के बारे में थोड़ी बात करना चाहूंगा।

लोकप्रिय धारणा के विपरीत, HTML न्यूनतम तकनीक, समान जावास्क्रिप्ट तकनीकों की तुलना में बहुत पहले दिखाई दी। पहले से ही 1998 के अंत में, ट्यूटोरियल "ऑप्टिमाइज़र पैरानोइया" के 17 वें पैराग्राफ में आर्टेम लेबेदेव ने HTML कोड को कम करने के लिए कुछ तकनीकों का वर्णन किया।

2000 के दशक की शुरुआत तक, कई HTML न्यूनतम तकनीकें जो आज भी प्रासंगिक थीं, पहले से ही ज्ञात थीं:

1. अनावश्यक व्हाट्सएप (स्पेस, टैब और लाइन ब्रेक) को हटाना
2. HTML टिप्पणियाँ निकालना
3. विशेषताओं से अवांछित उद्धरण निकालें
4. वैकल्पिक अंतिम टैग हटाना (उदा। </p> और </li> )

लेकिन खतरनाक तकनीकें भी व्यापक हो गई हैं जो किसी दस्तावेज़ के गलत प्रदर्शन और इसके शब्दार्थों का उल्लंघन कर सकती हैं:

1. हटाना <!DOCTYPE …> घोषणा
2. लंबे टैग्स को छोटे लोगों के साथ बदलना (उदाहरण के लिए, <strong> टैग्स को <b> और <em> <i> द्वारा प्रतिस्थापित किया गया)

उसी समय, पहले HTML मिनिमाइज़र दिखाई दिए। केवल विंडोज के तहत लगभग एक दर्जन फ्रीवेयर और शेयरवेयर प्रोग्राम थे: HTML श्रिंकर , निरपेक्ष HTML कंप्रेसर , HTML फ़ाइल ऑप्टिमाइज़र, HTML स्रोत क्लीनर, Anetto HTML ऑप्टिमाइज़!, HTMLCompact, HTML कोड क्लीनर , HTML कोड , निरपेक्ष HTML अनुकूलक, आदि!

अंजीर। 1. HTML फ़ाइल ऑप्टिमाइज़र 1.1.0 - 2000 के दशक की शुरुआत का एक विशिष्ट HTML मिनिमाइज़र

2000 के दशक के मध्य तक, XHTML मानक व्यापक था, जिसे XML सिंटैक्स नियमों के अनुसार HTML कोड लिखना आवश्यक था। इन नियमों ने विशेषताओं से अनावश्यक उद्धरण हटाने और वैकल्पिक समाप्ति टैग हटाने पर रोक लगा दी। इस प्रकार, सख्त एक्सएचटीएमएल नियमों और लगातार बढ़ते थ्रूपुट ने इस तथ्य को जन्म दिया है कि HTML मार्कअप को कम करने की आवश्यकता धीरे-धीरे गायब हो गई है।

लेकिन कुछ साल पहले, मोबाइल वेब की वृद्धि और एचटीएमएल 5 मानक के आगमन के कारण, एचटीएमएल अप को कम करने के लिए फिर से आवश्यकता उत्पन्न हुई। HTML5 मानक HTML 4.01 की तुलना में HTML दस्तावेज़ के आकार को कम करने के लिए बहुत अधिक विकल्प प्रदान करता है। Google के HTML / CSS कोड डिज़ाइन गाइड और यूरी ज़िटसेव के लेख "ऑप्टिमाइज़िंग HTML" में कई नई न्यूनतम तकनीकों का अच्छी तरह से वर्णन किया गया है।

यह सब HTML5 के लिए उन्मुख नए शक्तिशाली एचटीएमएल-मिनिमाइज़र के उद्भव के लिए नेतृत्व किया। फिलहाल, 2 न्यूनतमियों ने सबसे अधिक लोकप्रियता हासिल की है: सर्गेई कोवलचुक की एचटीएमएलकंप्रेसर (जावा में लिखी गई) और यूरी जैतसेव की एक्सपेरिमेंटल HTML मिनिफायर (जावास्क्रिप्ट में लिखित)।

वेब मार्कअप खनिज परियोजना

Web Markup Minifier (छोटा करने के लिए WebMarkupMin) बनाते समय, मैंने खुद को .NET .NET के लिए एक आधुनिक HTML न्यूनतम बनाने और ASP.NET के साथ इसके एकीकरण के लिए एक्सटेंशन का काम निर्धारित किया है। WebMarkupMin एक Open Source प्रोजेक्ट है, जिसका सोर्स कोड CodePlex वेबसाइट पर प्रकाशित होता है, और वितरण NuGet के माध्यम से डाउनलोड किया जा सकता है।

HTML मिनिमाइज़र के अलावा, WebMarkupMin प्रोजेक्ट ने XHTML और XML मिनिमाइज़र भी लागू किया। चूंकि यह लेख HTML न्यूनतम करने के लिए समर्पित है, यह HTML न्यूनतम के साथ काम करने के केवल उदाहरण प्रदान करेगा।

परियोजना में निम्नलिखित संरचना है:

• कर्नेल - WebMarkupMin.Core
• बाहरी सीएसएस और जेएस मिनिमाइज़र
  
  • WebMarkupMin.MsAjax
  • WebMarkupMin.Yui
• ASP.NET के साथ एकीकरण के लिए एक्सटेंशन
  
  • WebMarkupMin.Web
  • WebMarkupMin.Mvc
  • WebMarkupMin.WebForms
  
  

कोर

WebMarkupMin.Core मॉड्यूल .NET फ्रेमवर्क 4.0 के तहत एक पुस्तकालय है जिसमें मार्कअप को कम करने के लिए उपकरण शामिल हैं। इस लाइब्रेरी का उपयोग विभिन्न प्रकार के .NET अनुप्रयोगों में किया जा सकता है: ASP.NET, विंडोज फॉर्म, WPF और कंसोल एप्लिकेशन। चूंकि सभी मार्कअप मिनिमाइज़र न केवल दस्तावेज़ को कम से कम करने का समर्थन करते हैं, बल्कि व्यक्तिगत कोड के टुकड़े का भी कम से कम उपयोग करते हैं, इसलिए आप सामग्री के अलग-अलग ब्लॉकों को कम करने के लिए WebMarkupMin का उपयोग कर सकते हैं (उदाहरण के लिए, अपनी साइट के प्रशासनिक भाग में सहेजते समय लेख के पाठ को कम से कम करें)।

मार्कअप न्यूनतम

WebMarkupMin.ore मॉड्यूल में 3 मार्कअप न्यूनतम शामिल हैं:

1. HtmlMinifier। HTML और XHTML कोड को छोटा करता है। आउटपुट को कम करने के परिणामस्वरूप, मान्य HTML कोड प्राप्त होता है।
2. XhtmlMinifier। HTML और XHTML कोड को छोटा करता है। आउटपुट को कम करने के परिणामस्वरूप, एक कोड प्राप्त किया जाता है जो एक्सएचटीएमएल के वाक्यविन्यास नियमों से मेल खाता है।
3. XmlMinifier। XML कोड को छोटा करता है।

HtmlMinifier वर्ग का उपयोग करने के सबसे सरल उदाहरण पर विचार करें:

 namespace WebMarkupMin.Example.Console { using System; using System.Collections.Generic; using WebMarkupMin.Core; using WebMarkupMin.Core.Minifiers; using WebMarkupMin.Core.Settings; class Program { static void Main(string[] args) { const string htmlInput = @"<!DOCTYPE html> <html> <head> <meta charset=""utf-8"" /> <title> </title> <link href=""favicon.ico"" rel=""shortcut icon"" type=""image/x-icon"" /> <meta name=""viewport"" content=""width=device-width"" /> <link rel=""stylesheet"" type=""text/css"" href=""/Content/Site.css"" /> </head> <body> <p>- …</p> <script src=""http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js""></script> <script>(window.jquery) || document.write('<script src=""/Scripts/jquery-1.9.1.min.js""><\/script>');</script> </body> </html>"; var settings = new HtmlMinificationSettings { WhitespaceMinificationMode = WhitespaceMinificationMode.Aggressive, RemoveHttpProtocolFromAttributes = true, RemoveHttpsProtocolFromAttributes = true }; var htmlMinifier = new HtmlMinifier(settings); MarkupMinificationResult result = htmlMinifier.Minify(htmlInput, generateStatistics: true); if (result.Errors.Count == 0) { MinificationStatistics statistics = result.Statistics; if (statistics != null) { Console.WriteLine("  : {0:N0} ", statistics.OriginalSize); Console.WriteLine("  : {0:N0} ", statistics.MinifiedSize); Console.WriteLine(": {0:N2}%", statistics.SavedInPercent); } Console.WriteLine(" :{0}{0}{1}", Environment.NewLine, result.MinifiedContent); } else { IList<MinificationErrorInfo> errors = result.Errors; Console.WriteLine(" {0:N0} :", errors.Count); Console.WriteLine(); foreach (var error in errors) { Console.WriteLine(" {0},  {1}: {2}", error.LineNumber, error.ColumnNumber, error.Message); Console.WriteLine(); } } } } } 

सबसे पहले, हम HtmlMinificationSettings वर्ग को HtmlMinificationSettings और कुछ HTML HtmlMinificationSettings विकल्पों को ओवरराइड करते हैं। तब हम इसे संबंधित कंस्ट्रक्टर पैरामीटर के माध्यम से HtmlMinifier वर्ग के उदाहरण के लिए पास करते हैं, और फिर हम निम्न मापदंडों के साथ Minify विधि को कहते हैं: पहले पैरामीटर में HTML कोड होता है, और दूसरा - एक ध्वज जो सांख्यिकीय जानकारी की पीढ़ी को अनुमति देता है (डिफ़ॉल्ट मान गलत है, क्योंकि सांख्यिकी निर्माण की आवश्यकता होती है) समय और अतिरिक्त सर्वर संसाधन)। MarkupMinificationResult विधि MarkupMinificationResult प्रकार की एक वस्तु MarkupMinificationResult , जिसमें निम्नलिखित गुण होते हैं:

• MinifiedContent - कम से कम HTML कोड;
• त्रुटियां - न्यूनतम प्रक्रिया के दौरान हुई त्रुटियों की एक सूची;
• चेतावनी - उन समस्याओं के बारे में चेतावनी की एक सूची जो कम से कम करने के दौरान पाई गई थीं;
• सांख्यिकी - न्यूनतम कोड के बारे में सांख्यिकीय जानकारी।

यदि त्रुटियों की सूची खाली है, तो आंकड़े और कम से कम कोड कंसोल पर प्रदर्शित होते हैं; अन्यथा, त्रुटि जानकारी प्रदर्शित होती है।

अब HtmlMinificationSettings वर्ग के गुणों पर करीब से नज़र HtmlMinificationSettings :

टेबल। 1. HtmlMinificationSettings वर्ग के गुण

संपत्ति	डेटा प्रकार	डिफ़ॉल्ट मान	विवरण
WhitespaceMinificationMode	गणना	Medium	व्हाट्सएप मिनिमाइजेशन मोड। यह निम्नलिखित मान ले सकता है: कोई नहीं। अपने मूल रूप में व्हाट्सएप रखता है। सुरक्षित। व्हाट्सएप का सुरक्षित न्यूनतमकरण: दस्तावेज़ की शुरुआत और अंत से रिक्त स्थान को हटा देता है; कई व्हाट्सएप पात्रों को सिंगल स्पेस द्वारा प्रतिस्थापित किया जाता है; DOCTYPE निर्देश के अनुगामी अनुगामी स्थान; अदृश्य टैग ( html , head , body , meta , link , script , आदि) के बाहरी और आंतरिक सामग्री के अनुगामी रिक्त स्थान script ; गैर-स्व-निहित टैग (टैग li , dt , dd , rt , rp , option , tr , td , th , आदि) की बाहरी सामग्री पर अनुगामी रिक्त स्थान को काट दिया जाता है। मध्यम। व्हाट्सएप पात्रों के न्यूनतम स्तर का मध्यम स्तर: सुरक्षित न्यूनतमकरण के सभी संचालन किए जाते हैं + ब्लॉक तत्वों की बाहरी और आंतरिक सामग्री के अनुगामी रिक्त स्थान को काट दिया जाता है। आक्रामक । व्हाट्सएप पात्रों के आक्रामक न्यूनतमकरण: सभी मध्य-स्तरीय न्यूनतमकरण ऑपरेशन किए जाते हैं + इनलाइनिंग रिक्त स्थान को इनलाइन और इनलाइन-ब्लॉक तत्वों की आंतरिक सामग्री के लिए ट्रिम किया जाता है।
RemoveHtmlComments	बूलियन	true	Internet Explorer और noindex द्वारा सशर्त टिप्पणियों के अपवाद के साथ सभी HTML टिप्पणियों को हटाने के लिए जिम्मेदार एक ध्वज।
RemoveHtmlCommentsFromScriptsAndStyles	बूलियन	true	script और style टैग से HTML टिप्पणियों को हटाने के लिए जिम्मेदार ध्वज।
RemoveCdataSectionsFromScriptsAndStyles	बूलियन	true	script और style टैग से CDATA अनुभाग निकालने के लिए जिम्मेदार ध्वज।
UseShortDoctype	बूलियन	true	मौजूदा सिद्धांत को एक छोटे से बदलने के लिए जिम्मेदार ध्वज <!DOCTYPE html> ।
UseMetaCharsetTag	बूलियन	true	<meta http-equiv="content-type" content="text/html; charset=…"> को <meta charset="…"> साथ बदलने के लिए जिम्मेदार ध्वज।
EmptyTagRenderMode	गणना	NoSlash	खाली टैग का रेंडरिंग मोड। यह निम्नलिखित मान ले सकता है: NoSlash । कोई स्लैश (उदाहरण के लिए, <br> ); स्लेश। एक स्लैश के साथ (उदाहरण के लिए, <br/> ); SpaceAndSlash । एक स्लैश और एक स्थान के साथ (उदाहरण के लिए, <br /> )।
RemoveOptionalEndTags	बूलियन	true	वैकल्पिक अंत टैग ( html , head , body , p , li , dt , dd , rt , rp , optgroup , option , thead , tfoot , tbody , tbody , tr , th और td ) को हटाने के लिए जिम्मेदार ध्वज।
RemoveTagsWithoutContent	बूलियन	false	एक ऐसा टैग हटाने के लिए ज़िम्मेदार है, जिसमें textarea , tr , th , td टैग और class , id , name , role , src और data-* साथ खाली सामग्री है।
CollapseBooleanAttributes	बूलियन	true	बूलियन विशेषताओं को "तह" करने के लिए जिम्मेदार ध्वज (उदाहरण के लिए, checked="checked" checked करने के लिए कम checked )।
RemoveEmptyAttributes	बूलियन	true	खाली विशेषताओं को हटाने के लिए जिम्मेदार ध्वज (केवल निम्नलिखित विशेषताओं पर लागू होता है: class , id , name , style , title , lang , dir , ईवेंट विशेषताएँ, form टैग की action विशेषता और input टैग के value विशेषता)।
AttributeQuotesRemovalMode	गणना	Html5	HTML विशेषताओं में उद्धरण हटाने का तरीका। यह निम्नलिखित मान ले सकता है: KeepQuotes। उद्धरण सहेजें; Html4 HTML 4.X मानक के अनुसार उद्धरण हटाता है; Html5 HTML5 मानक के अनुसार उद्धरण हटाता है।
RemoveRedundantAttributes	बूलियन	true	अनावश्यक विशेषताओं को हटाने के लिए जिम्मेदार ध्वज: <लिपि भाषा = "जावास्क्रिप्ट" > <script src = "..." charset = "..." > <लिंक rel = "स्टाइलशीट" charset = "..." > <form method = "get" > <इनपुट प्रकार = "टेक्स्ट" > <a id="... name="...> <क्षेत्र आकार = "रेक्ट" >
RemoveJsTypeAttributes	बूलियन	true	script टैग से type="text/javascript" विशेषताओं को हटाने के लिए जिम्मेदार ध्वज।
RemoveCssTypeAttributes	बूलियन	true	style और link टैग से type="text/css" विशेषताओं को हटाने के लिए जिम्मेदार ध्वज।
RemoveHttpProtocolFromAttributes	बूलियन	false	HTTP प्रोटोकॉल उपसर्ग ( http: उन विशेषताओं से हटाने के लिए ज़िम्मेदार ध्वज जिनमें URL होते हैं ( rel="external" विशेषता के साथ चिह्नित टैग अनदेखा किए जाते हैं)।
RemoveHttpsProtocolFromAttributes	बूलियन	false	HTTPS प्रोटोकॉल उपसर्ग को हटाने के लिए जिम्मेदार ध्वज ( https: उन विशेषताओं से है जिनमें URL होते हैं ( rel="external" विशेषता के साथ चिह्नित टैग अनदेखा किए जाते हैं)।
RemoveJsProtocolFromAttributes	बूलियन	true	javascript: छद्म प्रोटोकॉल उपसर्ग को हटाने के लिए जिम्मेदार झंडा javascript: घटना विशेषताओं से।
MinifyEmbeddedCssCode	बूलियन	true	फ्लैग जो style टैग में CSS को कम करता है।
MinifyInlineCssCode	बूलियन	true	एक ध्वज जो style विशेषताओं में सीएसएस को कम करता है।
MinifyEmbeddedJsCode	बूलियन	true	script टैग में जेएस कोड को कम करने के लिए जिम्मेदार ध्वज।
MinifyInlineJsCode	बूलियन	true	घटना की विशेषताओं और javascript: छद्म प्रोटोकॉल के साथ हाइपरलिंक में जेएस कोड को कम करने के लिए जिम्मेदार ध्वज javascript:

यदि आपके एप्लिकेशन के विभिन्न हिस्सों में समान HTML न्यूनतमकरण मापदंडों की आवश्यकता होती है, तो आप उन्हें केवल एक बार कॉन्फ़िगरेशन फ़ाइल ( App.config या Web.config ) में /configuration/webMarkupMin/core/html तत्व में निर्दिष्ट कर सकते हैं:

 <?xml version="1.0" encoding="utf-8"?> <configuration> <configSections> <sectionGroup name="webMarkupMin"> <section name="core" type="WebMarkupMin.Core.Configuration.CoreConfiguration, WebMarkupMin.Core" /> … </sectionGroup> … </configSections> … <webMarkupMin xmlns="http://tempuri.org/WebMarkupMin.Configuration.xsd"> <core> <html whitespaceMinificationMode="Medium" removeHtmlComments="true" removeHtmlCommentsFromScriptsAndStyles="true" removeCdataSectionsFromScriptsAndStyles="true" useShortDoctype="true" useMetaCharsetTag="true" emptyTagRenderMode="NoSlash" removeOptionalEndTags="true" removeTagsWithoutContent="false" collapseBooleanAttributes="true" removeEmptyAttributes="true" attributeQuotesRemovalMode="Html5" removeRedundantAttributes="true" removeJsTypeAttributes="true" removeCssTypeAttributes="true" removeHttpProtocolFromAttributes="false" removeHttpsProtocolFromAttributes="false" removeJsProtocolFromAttributes="true" minifyEmbeddedCssCode="true" minifyInlineCssCode="true" minifyEmbeddedJsCode="true" minifyInlineJsCode="true" /> … </core> … </webMarkupMin> … </configuration> 

कॉन्फ़िगरेशन फ़ाइल से मान के साथ HtmlMinificationSettings वर्ग का एक उदाहरण प्राप्त करने के लिए, निम्न कोड का उपयोग करें:

 HtmlMinificationSettings settings = WebMarkupMinContext.Current.Markup.GetHtmlMinificationSettings(); 

आप HtmlMinifier वर्ग का एक उदाहरण भी बना सकते हैं जो कॉन्फ़िगरेशन फ़ाइल (HTML न्यूनतम मापदंडों में निर्दिष्ट सेटिंग्स का उपयोग करेगा, साथ ही साथ डिफ़ॉल्ट रूप से पंजीकृत: CSS न्यूनतम, जेएस न्यूनतम और लकड़हारा):

 HtmlMinifier htmlMinifier = WebMarkupMinContext.Current.Markup.CreateHtmlMinifierInstance(); 

HTML न्यूनतम का एक उदाहरण बनाने की इस विधि का उपयोग ASP.NET के साथ एकीकरण के लिए जिम्मेदार सभी मॉड्यूल में किया जाता है।

CSS और JS कोड न्यूनतम

मार्कअप को कम करने के अलावा, HtmlMinifier और XhtmlMinifier सपोर्ट: style टैग और विशेषताओं में CSS कोड को कम करना और script टैग, ईवेंट विशेषताओं (उदाहरण के लिए, onclick ) और javascript: साथ हाइपरलिंक में जावास्क्रिप्ट कोड को कम करना javascript: छद्म-प्रोटोकॉल।

CSS और JS कोड उन वर्गों द्वारा कम से कम किए जाते हैं जो ICssMinifier और IJsMinifier को WebMarkupMin.Core.Minifiers नामस्थान से कार्यान्वित करते हैं।

कर्नेल में दो वर्ग होते हैं जो ICssMinifier इंटरफ़ेस को लागू करते हैं:

1. NullCssMinifier। एक स्टब जिसका उपयोग तब किया जाना चाहिए जब मार्कअप में कोई इनलाइन स्टाइल न हों।
2. KristensenCssMinifier। मैड्स क्रिस्टेंसन की कुशल स्टाइलशीट मिनिफायर के आधार पर निर्मित सरलतम सीएसएस कोड न्यूनतम। डिफ़ॉल्ट CSS न्यूनतम के रूप में उपयोग किया जाता है।

और दो कक्षाएं जो IJsMinifier इंटरफ़ेस को लागू करती हैं:

1. NullJsMinifier। एक स्टब जिसका उपयोग तब किया जाना चाहिए जब मार्कअप में कोई अंतर्निहित स्क्रिप्ट नहीं होती है।
2. CrockfordJsMinifier। डगलस क्रॉकफोर्ड के JSMin के आधार पर बनाया गया सरलतम JS कोड न्यूनतम। डिफ़ॉल्ट JS न्यूनतमक के रूप में उपयोग किया जाता है।

CSS और JS न्यूनतमकों के उदाहरणों को इसके निर्माता के माध्यम से मार्कअप न्यूनतम करने के लिए पारित किया जा सकता है:

 var kristensenCssMinifier = new KristensenCssMinifier(); var crockfordJsMinifier = new CrockfordJsMinifier(); var htmlMinifier = new HtmlMinifier(cssMinifier: kristensenCssMinifier, jsMinifier: crockfordJsMinifier); 

यदि कॉन्फ़िगरेशन फ़ाइल के मापदंडों के आधार पर मार्कअप मिनिमाइज़र बनाया जाता है, तो CSS और JS न्यूनतमक को न्यूनतम फ़ाइल के रूप में कॉन्फ़िगरेशन फ़ाइल में पंजीकृत करके मार्कअप न्यूनतम पर पारित किया जा सकता है:

 <?xml version="1.0" encoding="utf-8"?> <configuration> <configSections> <sectionGroup name="webMarkupMin"> <section name="core" type="WebMarkupMin.Core.Configuration.CoreConfiguration, WebMarkupMin.Core" /> … </sectionGroup> … </configSections> … <webMarkupMin xmlns="http://tempuri.org/WebMarkupMin.Configuration.xsd"> <core> … <css defaultMinifier="KristensenCssMinifier"> <minifiers> <add name="NullCssMinifier" displayName="Null CSS Minifier" type="WebMarkupMin.Core.Minifiers.NullCssMinifier, WebMarkupMin.Core" /> <add name="KristensenCssMinifier" displayName="Mads Kristensen's CSS minifier" type="WebMarkupMin.Core.Minifiers.KristensenCssMinifier, WebMarkupMin.Core" /> </minifiers> </css> <js defaultMinifier="CrockfordJsMinifier"> <minifiers> <add name="NullJsMinifier" displayName="Null JS Minifier" type="WebMarkupMin.Core.Minifiers.NullJsMinifier, WebMarkupMin.Core" /> <add name="CrockfordJsMinifier" displayName="Douglas Crockford's JS Minifier" type="WebMarkupMin.Core.Minifiers.CrockfordJsMinifier, WebMarkupMin.Core" /> </minifiers> </js> … </core> … </webMarkupMin> … </configuration> 

यदि CSS और JS न्यूनतम कॉन्फ़िगरेशन फ़ाइल में पंजीकृत हैं, तो उनके उदाहरण निम्नानुसार बनाए जा सकते हैं:

 ICssMinifier cssMinifier = WebMarkupMinContext.Current.Code.CreateCssMinifierInstance("KristensenCssMinifier"); IJsMinifier jsMinifier = WebMarkupMinContext.Current.Code.CreateJsMinifierInstance("CrockfordJsMinifier"); 

यदि आप सीएसएस और जेएस मिनिमाइज़र के उदाहरण बनाना चाहते हैं जो डिफ़ॉल्ट न्यूनतम के रूप में पंजीकृत हैं, तो आप निम्नानुसार कर सकते हैं:

 ICssMinifier cssMinifier = WebMarkupMinContext.Current.Code.CreateDefaultCssMinifierInstance(); IJsMinifier jsMinifier = WebMarkupMinContext.Current.Code.CreateDefaultJsMinifierInstance(); 

वालों

त्रुटियों और चेतावनियों को मैन्युअल रूप से संभालने के अलावा, WebMarkupMin लॉगर्स को कनेक्ट करने की क्षमता भी प्रदान करता है जिसके साथ आप अपने लॉग में केंद्रीय त्रुटियों और चेतावनियों को रिकॉर्ड कर सकते हैं। एक लकड़हारा कोई भी वर्ग हो सकता है जो ILogger इंटरफ़ेस को लागू करता है या WebMarkupMin.Core.Loggers नाम स्थान से आधार वर्ग LoggerBase विरासत में WebMarkupMin.Core.Loggers है।

कर्नेल में दो वर्ग होते हैं जो ILogger इंटरफ़ेस को लागू करते हैं:

1. NullLogger। एक स्टब जिसका उपयोग तब किया जाना चाहिए जब आप स्वयं MarkupMinificationResult वर्ग की Errors और Warnings के मूल्यों को संसाधित करते हैं।
2. ThrowExceptionLogger। यदि कोई त्रुटि न्यूनतम करने के दौरान होती है, तो ThrowExceptionLogger वर्ग ThrowExceptionLogger प्रकार का अपवाद ThrowExceptionLogger ।

एक लकड़हारा उदाहरण अपने निर्माता के माध्यम से मार्कअप न्यूनतम करने के लिए पारित किया जा सकता है:

 var htmlMinifier = new HtmlMinifier(logger: new ThrowExceptionLogger()); 

यदि मार्कअप मिनिमाइज़र कॉन्फ़िगरेशन फ़ाइल के मापदंडों के आधार पर बनाया गया है, तो लॉगर को डिफ़ॉल्ट फ़ाइलर के रूप में कॉन्फ़िगरेशन फ़ाइल में पंजीकृत करके इसे स्थानांतरित किया जा सकता है:

 <?xml version="1.0" encoding="utf-8"?> <configuration> <configSections> <sectionGroup name="webMarkupMin"> <section name="core" type="WebMarkupMin.Core.Configuration.CoreConfiguration, WebMarkupMin.Core" /> … </sectionGroup> … </configSections> … <webMarkupMin xmlns="http://tempuri.org/WebMarkupMin.Configuration.xsd"> <core> … <logging defaultLogger="ThrowExceptionLogger"> <loggers> <add name="NullLogger" displayName="Null Logger" type="WebMarkupMin.Core.Loggers.NullLogger, WebMarkupMin.Core" /> <add name="ThrowExceptionLogger" displayName="Throw exception logger" type="WebMarkupMin.Core.Loggers.ThrowExceptionLogger, WebMarkupMin.Core" /> </loggers> </logging> </core> … </webMarkupMin> … </configuration> 

यदि लॉगर कॉन्फ़िगरेशन फ़ाइल में पंजीकृत है, तो आप निम्नानुसार इसका एक उदाहरण बना सकते हैं:

 ILogger logger = WebMarkupMinContext.Current.CreateLoggerInstance("ThrowExceptionLogger"); 

तदनुसार, एक लकड़हारा डिफ़ॉल्ट लकड़हारा के रूप में पंजीकृत बनाने के लिए, आप निम्नलिखित कोड का उपयोग कर सकते हैं:

 ILogger logger = WebMarkupMinContext.Current.CreateDefaultLoggerInstance(); 

संपूर्ण अनुप्रयोग के लिए लकड़हारे के एक उदाहरण का उपयोग करना भी संभव है:

 ILogger logger = WebMarkupMinContext.Current.GetLoggerInstance("ThrowExceptionLogger"); 

और

 ILogger logger = WebMarkupMinContext.Current.GetDefaultLoggerInstance(); 

बाहरी सीएसएस और जेएस मिनिमाइज़र

अंतर्निहित सीएसएस और जेएस कोड न्यूनतम केवल सरल अनुकूलन का उत्पादन करते हैं और उच्च स्तर की संपीड़न प्रदान नहीं कर सकते हैं। इस समस्या को हल करने के लिए, .NET समुदाय में लोकप्रिय मिनिमाइज़र के लिए एडेप्टर युक्त अतिरिक्त मॉड्यूल बनाए गए थे: .Net के लिए Microsoft Ajax Minifier और YUI कंप्रेसर ।

WebMarkupMin.MsAjax मॉड्यूल में दो न्यूनतम एडेप्टर होते हैं: MsAjaxCssMinifier और MsAjaxJsMinifier । WebMarkupMin.Yui मॉड्यूल समान रूप से व्यवस्थित है: YuiCssMinifier और YuiJsMinifier ।

अनुकूलित किए गए एडेप्टर को एक ही तंत्र का उपयोग करके मार्कअप न्यूनतम में पारित किया जा सकता है जो अंतर्निहित मिनिमाइज़र हैं।

इसके अलावा, उपरोक्त बाहरी webMarkupMin/msAjax की webMarkupMin/msAjax को webMarkupMin/msAjax और webMarkupMin/yui कॉन्फ़िगरेशन फ़ाइल के अनुभागों में बदला जा सकता है (जो बंडल ट्रांसफॉर्मर का उपयोग करते हैं, वे इसे परिचित पाएंगे)।

ASP.NET के साथ एकीकरण के लिए एक्सटेंशन

WebMarkupMin: वेब एक्सटेंशन

WebMarkupMin.Web मॉड्यूल ASP.NET कर्नेल स्तर पर संचालित होता है, और इसलिए इसका उपयोग किसी भी ASP.NET फ्रेमवर्क: वेब फॉर्म, MVC और वेब पेज में किया जा सकता है।

WebMarkupMin.Web में उन HTTP मॉड्यूल के वर्ग शामिल हैं जो आपको ASP.NET टूल द्वारा उत्पन्न कोड को न्यूनतम और संपीड़ित करने की अनुमति देते हैं:

1. HtmlMinificationModule। HTML Minifier का उपयोग करके content type text/html साथ HTTP प्रतिक्रियाओं की सामग्री को कम करता है।
2. XhtmlMinificationModule। text/html मिनिफायर का उपयोग करके सामग्री प्रकार के text/html या application/xhtml+xml साथ HTTP प्रतिक्रियाओं की सामग्री को कम करता है।
3. XmlMinificationModule। XML- आधारित सामग्री प्रकार के साथ HTTP प्रतिक्रियाओं की सामग्री को छोटा करता है (एक्सएमएल मिनिफायर का उपयोग करके application/xhtml+xml के अपवाद के साथ)।
4. CompressionModule। एक पाठ सामग्री प्रकार के साथ HTTP प्रतिक्रियाओं की सामग्री के HTTP संपीड़न का उत्पादन करता है।

ऊपर सूचीबद्ध HTTP मॉड्यूल केवल 200 की स्थिति कोड के साथ अनुरोध और प्रतिक्रिया प्राप्त कर सकते हैं। यह भी ध्यान दिया जाना चाहिए कि HtmlMinificationModule और XhtmlMinificationModule एक साथ उपयोग नहीं किया जा सकता है।

Web.config फ़ाइल में HTTP मॉड्यूल को पंजीकृत करने के उदाहरण पर विचार करें:

 <?xml version="1.0" encoding="utf-8"?> <configuration> … <system.webServer> <modules> <add name="HtmlMinificationModule" type="WebMarkupMin.Web.HttpModules.HtmlMinificationModule, WebMarkupMin.Web" /> <add name="CompressionModule" type="WebMarkupMin.Web.HttpModules.CompressionModule, WebMarkupMin.Web" /> … </modules> … </system.webServer> … </configuration> 

इसके अलावा, इन HTTP मॉड्यूल के व्यवहार को webMarkupMin/webExtensions कॉन्फ़िगरेशन अनुभाग का उपयोग करके नियंत्रित किया जा सकता है:

 <?xml version="1.0" encoding="utf-8"?> <configuration> <configSections> <sectionGroup name="webMarkupMin"> <section name="core" type="WebMarkupMin.Core.Configuration.CoreConfiguration, WebMarkupMin.Core" /> <section name="webExtensions" type="WebMarkupMin.Web.Configuration.WebExtensionsConfiguration, WebMarkupMin.Web" /> … </sectionGroup> … </configSections> … <webMarkupMin xmlns="http://tempuri.org/WebMarkupMin.Configuration.xsd"> … <webExtensions enableMinification="true" disableMinificationInDebugMode="true" enableCompression="true" disableCompressionInDebugMode="true" maxResponseSize="100000" /> … </webMarkupMin> … </configuration> 

हम webExtensions सभी गुणों का विस्तार से विचार करते हैं कॉन्फ़िगरेशन अनुभाग:

टेबल। 2 webExtensions कॉन्फ़िगरेशन अनुभाग webExtensions

संपत्ति	डेटा प्रकार	डिफ़ॉल्ट मान	विवरण
enableMinification	बूलियन	true	मार्कअप को कम करने में सक्षम बनाता है।
disableMinificationInDebugMode	बूलियन	true	डिबग मोड में मार्कअप को कम से कम करें।
enableCompression	बूलियन	true	पाठ सामग्री के HTTP संपीड़न को सक्षम करता है।
disableCompressionInDebugMode	बूलियन	true	डिबग मोड में पाठ सामग्री के HTTP संपीड़न को अक्षम करता है।
maxResponseSize	पूर्णांक	100 000	HTTP प्रतिसाद का अधिकतम आकार (बाइट्स में) जिसके ऊपर मार्कअप न्यूनतमकरण अक्षम है।

इन सेटिंग्स का उपयोग अन्य WebMarkupMin मॉड्यूल द्वारा भी किया जाता है: WebMarkupMin.Mvc और WebMarkupMin.WebForms।

, HTTP- ASP.NET-, MVC Web Forms , HTTP- . HTTP- , ASP.NET Web Pages.

WebMarkupMin: ASP.NET MVC Extensions

WebMarkupMin.Mvc -, ASP.NET MVC 3 4.

WebMarkupMin.Mvc 4 :

1. MinifyHtmlAttribute. HTML Minifier. text/html , InvalidContentTypeException .
2. MinifyXhtmlAttribute. XHTML Minifier. text/html application/xhtml+xml , InvalidContentTypeException .
3. MinifyXmlAttribute. XML Minifier. XML, InvalidContentTypeException .
4. CompressContentAttribute. HTTP- .

:

 namespace WebMarkupMin.Example.Mvc.Controllers { using System.Web.Mvc; using Infrastructure.ActionResults; using WebMarkupMin.Mvc.ActionFilters; public class HomeController : Controller { [CompressContent] [MinifyHtml] [OutputCache(CacheProfile = "CacheCompressedContent5Minutes")] public ActionResult Index() { … } … } } 

HTTP- , OutputCacheAttribute .

WebMarkupMin: ASP.NET Web Forms Extensions

WebMarkupMin.WebForms -, ASP.NET Web Forms 4.0 4.5.

WebMarkupMin.WebForms 3 Web Forms:

1. CompressedPage. HTTP-.
2. MinifiedAndCompressedHtmlPage. HTML- HTTP-.
3. MinifiedAndCompressedXhtmlPage. XHTML- HTTP-.

HTML- HTTP- Web Forms, MinifiedAndCompressedHtmlPage :

 namespace WebMarkupMin.Example.WebForms { using System; using WebMarkupMin.WebForms.Pages; public partial class Contact : MinifiedAndCompressedHtmlPage { … } } 

HTTP- , EnableMinification EnableCompression :

 private void Page_PreLoad(object sender, EventArgs e) { if (IsPostBack) { EnableMinification = false; EnableCompression = false; } } 

HTTP- OutputCache :

 <%@ Page Title="Contact" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Contact.aspx.cs" Inherits="WebMarkupMin.Example.WebForms.Contact" %> <%@ OutputCache CacheProfile="CacheCompressedContent5Minutes" VaryByParam="*" %> … 

WebMarkupMin.WebForms -: CompressedMasterPage , MinifiedAndCompressedHtmlMasterPage MinifiedAndCompressedXhtmlMasterPage .

HTML- HTTP- -, MinifiedAndCompressedHtmlMasterPage :

 namespace WebMarkupMin.Example.WebForms { using System; using System.Web.UI; using WebMarkupMin.WebForms.MasterPages; public partial class Site : MinifiedAndCompressedHtmlMasterPage { … } } 

, - .

HTML- WebMarkupMin 25-40%. , HTTP- . - , HTML- HTTP- . , , : ( HTTP- ).

HTML- , ASP.NET, . HTML- , CSS- YuiCssMinifier , JS- — MsAjaxJsMinifier .

. 3. HTML- HTTP-

	पता	*	*
पोस्टर	www.afisha.ru	162,28	110,64	31,82%
एमटीएस	www.mts.ru	80,56	48,50	39,80%
OZON	www.ozon.ru	107,32	62,21	42,03%
Workle	www.workle.ru	115,26	72,94	36,72%

. 4. HTML- HTTP- ( GZIP-)

	पता	*	*
पोस्टर	www.afisha.ru	30,01	25,47	15,14%
एमटीएस	www.mts.ru	19,08	14,15	25,86%
OZON	www.ozon.ru	16,58	14,23	14,22%
Workle	www.workle.ru	19,06	17,31	9,15%

* — , 1 = 1 024

. 3 , HTTP- HTML- 37,59%, .

HTTP- (. 4) . : 4,54 4,93 . , 2 , .

आप WebMarkupMin ऑनलाइन वेबसाइट पर HTML मिनिमाइज़र के ऑनलाइन संस्करण का उपयोग करके अपनी वेबसाइट के लिए स्वतंत्र रूप से समान माप ले सकते हैं ।

अंजीर। 2. WebMarkupMin ऑनलाइन वेबसाइट पर HTML मिनिमाइज़र का ऑनलाइन संस्करण

संदर्भ

1. WebMarkupMin प्रोजेक्ट पेज कोडप्लेक्स पर
2. WebMarkupMin ऑनलाइन वेबसाइट
3. आर्टेमिया लेबेदेव का लेख "ऑप्टिमाइज़र पैरानोइया"
4. गाइड «गूगल HTML / CSS स्टाइल गाइड समीक्षा» ( अनुवाद )
5. यूरी ज़ैतसेव का लेख "अनुकूलन HTML"