🙅🏿 🔼 👭 ASP.NET वेब अनुप्रयोगों में CSS और JS फाइलों को मिलाना और संपीड़ित करना 🏢 🎨 🤘🏼

आपका दिन शुभ हो!

मैंने इस विषय पर एक पोस्ट लिखने के लिए लंबे समय से सोचा है, लेकिन जावास्क्रिप्ट फ़ाइलों के संयोजन के बारे में इस विषय के बाद ही फैसला किया है।
ASP.NET साइटों के लिए एक उत्कृष्ट स्क्विश इट लाइब्रेरी है - यह आपको सीएसएस फ़ाइलों को एक और जावास्क्रिप्ट फ़ाइलों में संयोजित करने की अनुमति देता है। मैं संघ के फायदों के बारे में विस्तार से नहीं बताऊंगा, जैसा कि वे ऊपर दिए गए लेख और अन्य में पहले ही उल्लेख कर चुके हैं, मुख्य बात सर्वर अनुरोधों की संख्या को कम करना है।

यह लाइब्रेरी नुगेट पैकेज के रूप में उपलब्ध है।
आपके पास 2 विकल्प हैं:

यदि आप ASP.NET MVC का उपयोग कर रहे हैं, तो आपको फ़ाइल "दृश्य / Web.config" में परिवर्तन करने की आवश्यकता है।
"System.web.webPages.razor" सेक्शन में, "पेजबेज़ टाइप" विशेषता को "पेज" सेक्शन में "स्क्विश.कंट्रिब.माइक्रोस.क्विश इटबेज़पेज" में बदलें।

<system.web.webPages.razor> <host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" /> <pages pageBaseType="SquishIt.Contrib.Mvc.SquishItBasePage"> <namespaces> <add namespace="System.Web.Mvc" /> <add namespace="System.Web.Mvc.Ajax" /> <add namespace="System.Web.Mvc.Html" /> <add namespace="System.Web.Routing" /> </namespaces> </pages> </system.web.webPages.razor>

और अब आप वास्तव में ~~मक्खियों~~ सीएसएस और जेएस फ़ाइलों के ~~साथ हाथियों को~~ जोड़ सकते हैं।

 @{ SquishIt.Css.Add("~/Content/Site.css"); SquishIt.Css.Add("~/Content/themes/base/jquery-ui.css"); SquishIt.Css.Add("~/Content/reset.css"); SquishIt.JavaScript.Add("~/Scripts/jquery-1.4.4.js"); SquishIt.JavaScript.Add("~/Scripts/MicrosoftAjax.debug.js"); } <!DOCTYPE html> <html> <head> <title>@ViewBag.Title</title> @SquishIt.Css.Render("~/Content/combined_#.css") @SquishIt.JavaScript.Render("~/Scripts/combined_#.js") </head>

और "Web.config" में डीबग को भी गलत में बदलें

  <compilation debug="false" targetFramework="4.0">

हो गया। परिणामस्वरूप, हमें निम्नलिखित मिलते हैं:

 <head> <title>Home Page</title> <link rel="stylesheet" type="text/css" href="/Content/combined.css?r=531A7BFA4E917B223909817F07467EDB" /> <script type="text/javascript" src="/Scripts/combined.js?r=6DB45040EF233910B7E1F986316FF2FE"></script> </head>

यह ध्यान देने योग्य है कि "_ #" का अर्थ है कि सामग्री का एक हैश फ़ाइल नाम में जोड़ा जाएगा, यदि यह निर्दिष्ट नहीं है, तो इसे अनुरोध पैरामीटर के रूप में जोड़ा जाएगा। यदि फ़ाइलों में से कम से कम एक को बदल दिया गया है तो यह कैश की समस्याओं से बचा जाता है।

यदि आप WebForms का उपयोग कोड के लिए निम्नानुसार करेंगे:

 <%@ Import Namespace="SquishIt.Framework" %> <%= Bundle.JavaScript() .Add("~/Scripts/jquery-1.4.2.js") .Add("~/Scripts/jquery-ui-1.8.1.js") .Render("~/Scripts/combined_#.js") %>

नतीजतन, 10 मिनट के भीतर हम स्क्विश लाइब्रेरी का उपयोग करके वेब साइट को लोड करने में काफी तेजी ला सकते हैं।

गिटहब लिंक

ASP.NET वेब अनुप्रयोगों में CSS और JS फाइलों को मिलाना और संपीड़ित करना

More articles: