ASP.NET WebForms पर एप्लिकेशन को गति देने के कई तरीके

एक व्यापक धारणा है कि ASP.NET WebForms अनुप्रयोग बहुत धीमे, भारी होते हैं, केवल कॉर्पोरेट पोर्टल्स के लिए उपयुक्त होते हैं और मुख्य रूप से इंट्रानेट पर काम करते हैं। हालांकि, आपके आवेदन की गति को बढ़ाने के कई तरीके हैं। इन विधियों में से अधिकांश नए नहीं हैं, कई डेवलपर्स द्वारा उपयोग किए जाते हैं। यहां हमने उन लोगों को एकत्र किया है जिन्होंने AdVantShop.NET अल्टीमेट इंजन के विकास में अच्छा काम किया है।

UpdatePanel पर 1.Give

ASP.NET WebForms पर एक वेबसाइट के संचालन में बाधा डालने वाले मुख्य कारकों में से एक है UpdatePanel नियंत्रण का उपयोग। इसके संचालन के लिए इसे ScriptManager पृष्ठ पर रखना आवश्यक है। यह पहली समस्या है।
आइए एक aspx पेज बनाने की कोशिश करें और UpatePanel के अंदर एक सरल लेबल लगाएं

<asp:ScriptManager runat="server" /> <asp:UpdatePanel ID="Updatepanel1" runat="server"> <ContentTemplate> <asp:Label runat="server" Text="Hello world!" /> </ContentTemplate> </asp:UpdatePanel> 

प्रोजेक्ट को चलाएं, देखें कि यह क्या हो गया:

 <script src="/WebSite1/WebResource.axd?d=ddsVPpuyrEEfoBbqjFYV9oHZ-YB8armGl03nreWb8sxbdd0MXlSne0kVoo7mheRQ1cxLip1L_44SDmzKsEIHZW930AWZ2Zs_ae9a9NTgNck1&t=634790730663322540" type="text/javascript"></script> 

 <script src="/WebSite1/ScriptResource.axd?d=x2K70A_qh5LLRPvqydlLAwONxKroPWgAGdmlhYHXFoXfUrRwcjMDwh9AgTRQkLVd0gEj8C6MhbyA_hq2RLgNpJxsoak2SQ5Dsi8RIcHR-k72-HxC0Vc2GfaaM_NqOWGS6pN4O31eNf9cYeLVlOWAro2fu6lKP46_8vn-OGH5mmN_8TmV6BQKdue5UaNBp45o0&t=ffffffff940d030f" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.'); //]]> </script> ScriptResource.axd? D = x2K70A_qh5LLRPvqydlLAwONxKroPWgAGdmlhYHXFoXfUrRwcjMDwh9AgTRQkLVd0gEj8C6MhbyA_hq2RLgNpJxsoak2SQ5Dsi8RIcHR-k72-HxC0Vc2GfaaM_NqOWGS6pN4O31eNf9cYeLVlOWAro2fu6lKP46_8vn-OGH5mmN_8TmV6BQKdue5UaNBp45o0 और टी = ffffffff940d030f" type = "text / javascript"> </ script> <script src="/WebSite1/ScriptResource.axd?d=x2K70A_qh5LLRPvqydlLAwONxKroPWgAGdmlhYHXFoXfUrRwcjMDwh9AgTRQkLVd0gEj8C6MhbyA_hq2RLgNpJxsoak2SQ5Dsi8RIcHR-k72-HxC0Vc2GfaaM_NqOWGS6pN4O31eNf9cYeLVlOWAro2fu6lKP46_8vn-OGH5mmN_8TmV6BQKdue5UaNBp45o0&t=ffffffff940d030f" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.'); //]]> </script> 

 <script src="/WebSite1/ScriptResource.axd?d=JmrJ_HQ4TGD_jchBEWNRb8OenR4k6OQ7VRyH_toBPQT3JUiqiQs3R0jW7v7zXJ2kEQZHsBtgkthfErRPRvwOKI-uadU-pRHAfl5iwxP1hhqLZX5DmrmatAe9-DtrY8UpvLZcFvWHClUe3sQQzRVLcMCbnpjYQ_AnnrUMVfpTPXHnstGsM4ZnlODzOKmhM5LU0&t=ffffffff940d030f" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl02', 'form1', ['tUpdatepanel1','Updatepanel1'], [], [], 90, ''); //]]> </script> ScriptResource.axd? D = JmrJ_HQ4TGD_jchBEWNRb8OenR4k6OQ7VRyH_toBPQT3JUiqiQs3R0jW7v7zXJ2kEQZHsBtgkthfErRPRvwOKI-uadU-pRHAfl5iwxP1hhqLZX5DmrmatAe9-DtrY8UpvLZcFvWHClUe3sQQzRVLcMCbnpjYQ_AnnrUMVfpTPXHnstGsM4ZnlODzOKmhM5LU0 और टी = ffffffff940d030f" type = "text / javascript"> </ script> <script src="/WebSite1/ScriptResource.axd?d=JmrJ_HQ4TGD_jchBEWNRb8OenR4k6OQ7VRyH_toBPQT3JUiqiQs3R0jW7v7zXJ2kEQZHsBtgkthfErRPRvwOKI-uadU-pRHAfl5iwxP1hhqLZX5DmrmatAe9-DtrY8UpvLZcFvWHClUe3sQQzRVLcMCbnpjYQ_AnnrUMVfpTPXHnstGsM4ZnlODzOKmhM5LU0&t=ffffffff940d030f" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl02', 'form1', ['tUpdatepanel1','Updatepanel1'], [], [], 90, ''); //]]> </script> 

 <div id="Updatepanel1"> <span>Hello world!</span> </div> 

हम देखते हैं कि UpdatePanel के अंदर सादे पाठ को प्रदर्शित करने के लिए इसमें 2 kb html और लगभग 100 kb अधिक स्क्रिप्ट्स हैं। UpdatePanel के बिना लगभग 500 बाइट्स लेता है।
दूसरी समस्या पृष्ठ का जीवन चक्र है। ASP.NET MVC में पूरी तरह से क्या गायब है, और आपको ASP.NET WebForms में क्या प्राप्त करना है। अधिक अंतर यहाँ हैं ।
UpdatePanel के अंदर किसी भी ईवेंट के लिए, PostBack होता है और सभी पेज ईवेंट निष्पादित किए जाते हैं जिसमें कठिन गणना या डेटाबेस क्वेरी हो सकती है। यदि आप एक सर्कल का उपयोग नहीं करते हैं जैसे:

  if(!Page.IsPostBack) { Do something… } 

तब एप्लिकेशन उतनी तेजी से काम नहीं करेगा जितना हम चाहते हैं।

एक सरल उदाहरण:

उपयोगकर्ता क्रम संख्या में प्रवेश करता है और आपको पूरे पृष्ठ को फिर से लोड किए बिना, इसकी वर्तमान स्थिति प्रदर्शित करने की आवश्यकता होती है।



UpdatePanel का उपयोग किए बिना यह कैसे करें।
एक http अनुरोध हैंडलर वर्ग बनाएँ

 public class CheckOrder : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "application/json"; Order order = OrderService.GetOrder(context["number"]); if(order != null) { var statusResult = new { Status = order.Status, Comment = order.Comment }; context.Response.Write(JsonConvert.SerializeObject( statusResult)); } } public bool IsReusable { get { return true;} } } 

न्यूटनसॉफ्ट.जॉन लाइब्रेरी, JSON में ऑब्जेक्ट्स को क्रमबद्ध करने के लिए भी उपयोगी है। लेकिन आप सिर्फ पाठ वापस किए बिना कर सकते हैं।
अगला, हम एक js फ़ंक्शन बनाते हैं, जो "चेक" बटन पर क्लिक करते समय jquery का उपयोग करते हुए, ajax get के माध्यम से एक स्थिति अनुरोध भेजेगा।

 function CheckOrder(ordernum) { $.ajax({ async: false, dataType: "json", cache: false, url: "checkorder.ashx", data: { number: ordernum }, success: function (status) { $("#orderStatus").text(status.Status); $("#orderComment").text(status.Comment); }, error: function () { $("#orderStatus").text("  ")); } }); } 

सब कुछ बहुत सरल है, लेकिन प्रभावी है। इसके अलावा, httphandler के बजाय, आप पृष्ठ श्रेणी में स्थिर विधि से प्राप्त कर सकते हैं। ऐसा करने के लिए, बस इसे [WebMethod] विशेषता के साथ चिह्नित करें।

2. ViewState से छुटकारा पाएं

ViewState WebForms की एक और विशेषता है। उसके पास इसके पेशेवरों और विपक्ष हैं, जो इस लेख में अच्छी तरह से वर्णित हैं। हालांकि, ज्यादातर मामलों में, आप इसके बिना कर सकते हैं। अलग-अलग पेजों पर AdvantShop.Net ViewState के पुराने संस्करणों में 15 से 30 kb था, जो बहुत अप्रिय था, क्योंकि ये किलोबाइट हर पेज एक्सेस पर भेजे गए थे। कम से कम जोखिमों को कम करने के लिए यह कैसे हो सकता है?
मास्टर पृष्ठ पर पंजीकरण करना पर्याप्त है

 <%@ Master Language="C#" CodeFile="MasterPage.master.cs" Inherits="MasterPage" EnableViewState="false" ViewStateMode="Disabled" %> 

हालांकि, समस्याएं उन नियंत्रणों के साथ शुरू होंगी जिनके लिए अपने राज्य को संग्रहीत करने के लिए एक ViewState की आवश्यकता होती है - उदाहरण के लिए, DropDownList या ListView। ऐसे मामलों में, आपको अभी भी ViewState को सक्षम करना होगा, लेकिन प्रत्येक नियंत्रण के लिए इसे अक्षम करना संभव होगा जो इसका उपयोग नहीं करता है। रुचि रखने वालों के लिए लिंक ।

3. हम मानक नियंत्रण और AjaxControlToolkit से निकलते हैं

ऐसा तब हुआ जब ASP.NET के लिए नियंत्रणों को विकसित करते हुए Microsoft ने लेआउट की स्वच्छता और इष्टतमता, अनुरोधों की संख्या और इन नियंत्रणों की गति के बारे में वास्तव में नहीं सोचा। GridView बहुत धीमा है, TreeView एक भयानक लेआउट उत्पन्न करता है, कैलेंडर को कॉन्फ़िगर करना मुश्किल है और HTML को अलग करता है। जो उनका उपयोग करते थे, वे अपने लिए देख सकते थे।
एक सरल तरीका यह है कि jquery प्लगइन्स या किसी अन्य js चौखटे का उपयोग करें ।

4. पृष्ठ सामग्री को छोटा करें

साइट की गति बढ़ाने के लिए, आपको सर्वर से http अनुरोधों की संख्या कम करने और पृष्ठों की स्थिर सामग्री को यथासंभव संपीड़ित करने की आवश्यकता है: चित्र, सीएसएस और जेएस फाइलें। यहां छवियों के साथ सब कुछ स्पष्ट है - हम उच्च संपीड़न अनुपात और स्प्राइट का उपयोग करते हैं। सीएसएस और जेएस फ़ाइलों को विशेष न्यूनतम का उपयोग करके संकुचित किया जा सकता है। हालांकि, यह असुविधाजनक है, आपको दो संस्करणों को संग्रहीत करना होगा: संपादन और डिबगिंग के लिए पूर्ण एक, और उत्पादन के लिए न्यूनतम एक।
दूसरा तरीका स्क्विश इट लाइब्रेरी का उपयोग करना है। ऐसा कैसे करें, आप यहां पढ़ सकते हैं। नतीजतन, हम सभी फाइलों में जेएस और सीएसएस को जोड़ते हैं और कम से कम करते हैं, अनुरोधों की संख्या को कम करते हैं और पेज लोड समय को दो सेकंड तक बढ़ाते हैं।
उपयोग करने से पहले:


के बाद:

5. HTML को कंप्रेस करें

अधिकांश ब्राउज़र GZip या संपीड़न को संकुचित करते हैं। एक वर्ग बनाएं जो संपीड़न करेगा।

 namespace AdvantShop.Core.Compress { public class CompressContent : IHttpModule { public void Dispose() { // Nothing to dispose; } public void Init(HttpApplication context) { context.PreRequestHandlerExecute += PreRequestHandlerExecute; } private static void PreRequestHandlerExecute(object sender, EventArgs e) { var app = (HttpApplication)sender; HttpRequest request = app.Context.Request; HttpResponse response = app.Context.Response; if (request.FilePath.Contains(".aspx") || request.FilePath.Contains(".js") || request.FilePath.Contains(".css")) { if (!(request.Browser.IsBrowser("IE") && request.Browser.MajorVersion <= 6)) // IE6 does not support compression { string acceptEncoding = request.Headers[HttpConstants.HttpAcceptEncoding]; if (!string.IsNullOrEmpty(acceptEncoding)) { acceptEncoding = acceptEncoding.ToLower(CultureInfo.InvariantCulture); if (acceptEncoding.Contains(HttpConstants.HttpContentEncodingGzip)) { response.Filter = new HttpCompressStream(response.Filter, CompressionMode.Compress, HttpCompressStream.CompressionType.GZip); response.AddHeader(HttpConstants.HttpContentEncoding, HttpConstants.HttpContentEncodingGzip); } else if (acceptEncoding.Contains(HttpConstants.HttpContentEncodingDeflate)) { response.Filter = new HttpCompressStream(response.Filter, CompressionMode.Compress, HttpCompressStream.CompressionType.Deflate); response.AddHeader(HttpConstants.HttpContentEncoding, HttpConstants.HttpContentEncodingDeflate); } } } else { response.Filter = new HttpCompressStream(response.Filter, CompressionMode.Compress, HttpCompressStream.CompressionType.None); } } } } } 

फिर, इस मॉड्यूल को अपने एप्लिकेशन से कनेक्ट करने के लिए, बस web.config में लाइनें जोड़ें:

 <modules> <add name="CompressContent" type="AdvantShop.Core.Compress.CompressContent"/> </modules> 

हमें चार बार पाठ का संपीड़न - एक बहुत अच्छा परिणाम मिलता है। और न केवल html संपीड़ित है, बल्कि js और css भी है।
करने के लिए:

के बाद:

6. कैशे UserControls

उपयोगकर्ता नियंत्रण को कैश करने के लिए, नियंत्रण शीर्षलेख में फ़ॉर्म की एक पंक्ति डालें:

 <%@ OutputCache Duration="60" VaryByParam="CategoryID" %> 

इस प्रकार, हम संकेत देते हैं कि नियंत्रण को 60 सेकंड के लिए कैश में संग्रहीत किया जाएगा और कैश का अपना संस्करण अनुरोध ["श्रेणी" से पैरामीटर के आधार पर बनाया जाएगा।
एक निष्कर्ष के बजाय
ये केवल मूल त्वरण विधियां हैं जो वेबफार्म पर अधिक लागू होती हैं। हालांकि, अन्य तरीकों के बारे में मत भूलना, खासकर उन लोगों द्वारा इस उपयोगी उपकरण द्वारा इंगित किया गया - पेजस्पीड ।