مقدمه
با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش ASP.NET MVC ، را دنبال می کنند. تکنیک های Bundling (بسته بندی) و minification در MVC 4 برای بهبود زمان ارسال درخواست معرفی شدند. تکنیک Bundling در ASP.NET MVC به ما اجازه می دهد تعدادی از فایل های استاتیک را از سرور به یک درخواست HTTP بارگذاری کنیم. در ادامه ی مباحث این بخش شما را بیشتر با تکنیک بسته بندی در ASP.NET MVC آشنا خواهیم کرد.
Bundling در ASP.NET MVC
در این بخش ما شما را با مباحث مرتبط با تکنیک بسته بندی در ASP.NET MVC آشنا خواهیم کرد.
شکل زیر یک شمای کلی از عملکرد تکنیک Bundling در ASP.NET MVC را نشان می دهد:
بسته بندی در ASP.NET MVC
در شکل فوق، مرورگر دو درخواست جداگانه را برای بارگذاری دو فایل متفاوت جاوااسکریپت (MyJavaScriptFile-1.js and MyJavaScriptFile-2.js) ارسال می کند.
تکنیک Bundling در MVC 4 به شما اجازه می دهد که بیشتر از یک فایل جاوااسکریپت MyJavaScriptFile-1.js و MyJavaScriptFile-2.js را در یک درخواست ارسال کنید.
تکنیک Minification
تکنیک Minification اندازه ی فایل CSS و اسکریپت را با حذف فضای سفید اضافه و نظرات و کوتاه کردن نام متغیرها در یک کاراکتر، بهینه می کند.
برای مثال تابع جاوااسکریپت زیر را در نظر بگیرید:
مثال :
| sayHello = function(name){ //this is comment var msg = "Hello" + name; alert(msg); } |
کد جاوااسکریپت فوق بصورت زیر بهینه و کوتاه می کند:
مثال :
| sayHello=function(n){var t="Hello"+n;alert(t)} |
همان طور که در کد فوق نیز، مشاهده می کنید با حذف فضای سفید اضافی و کاهش نام متغیرها ، حجم کدها و به تبع آن فایل جاوااسکریپت کاهش می یابد.
minification و Bundling یا بسته بندی در ASP.NET MVC باعث کاهش زمان بارگذاری صفحالت وب می شوند.
انواع Bundling در ASP.NET MVC:
MVC 5 کلاس های bundle را در فضای نام System.web.Optimization قرار داده است:
ScriptBundle : نوع ScriptBundle برای فایل های تکی و چندگانه ی جاوااسکریپت پاسخگو می باشد.
StyleBundle : نوع StyleBundle برای فایل های CSS تکی و چندگانه پاسخگو می باشد.
DynamicFolderBundle : یک شی Bundle که ASP.NET از یک پوشه ای حاوی فایل هایی با همان نوع ایجاد می کند را نشان می دهد.
تمام انواع کلاس های bundle فوق در فضای نام System.Web.Optimization.Bundle قرار دارد.
در پایان این بخش نکات زیر را به خاطر بسپارید:
۱- minification و Bundling در ASP.NET MVC با کاهش کدهای فایل های CSS و جاوااسکریپت، سرعت بارگذاری فایل های فوق را بالا می برد.
۲- فریم ورک MVC کلاس های ScriptBundle, StyleBundle و DynamicFolderBundle را ارائه می دهد.
۳- کلاس ScriptBundle فایل های جاوااسکریپت را بهینه می کند.
۴- کلاس StyleBundle فایل های CSS را بهینه می کند.
کلام آخر
با استفاده از Bundling در ASP.NET MVC می توانید به راحتی حجم کد فایل های CSS و جاوااسکریپت را کاهش داده و اینکار به افزایش سرعت بارگذاری صفحات کمک می کند. در بخش بعد به بررسی ویژگی ScriptBundle می پردازیم.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
