هر توسعه دهنده وب باید برنامه های وب سریع و با کارایی بالا ایجاد کند که این کار در بخش های مختلف و تکنیک ها و فریم ورک های مختلفی نیاز است.
بسته بندی و کوچک سازی، دو بهینه سازی عملکرد متمایز است که می توانیم در برنامه های وب خود برای بهبود عملکرد برنامه ها و کاهش تعداد درخواست ها از مرورگر به سرور و کاهش حجم داده های منتقل شده از سرور به مرورگر استفاده کنیم.
(Minification)فرآیند حذف فضاها و نویسه های اضافی غیرضروری از کد بدون تغییر در عملکرد است
ابتدا نصب پکیج:
Install-Package BuildBundlerMinifier -Version 3.2.449
سپس یک فایل جیسون در برنامه درست کنید و الگوی زیر را در ان قرار دهید(bundleconfig.json):
[
{
"outputFileName": "wwwroot/css/site.min.css",
"inputFiles": [
"wwwroot/lib/bootstrap/dist/css/bootstrap.css",
"wwwroot/css/site.css"
]
},
{
"outputFileName": "wwwroot/js/site.min.js",
"inputFiles": ["wwwroot/js/site.js"
],
"minify": {
"enabled": true,
"renameLocals": true},
"sourceMap": false
}
]
حالا وقتی برنامه رو اجرا می کنید فایل های css و js که مشخص کردید Minification میشوند
<environment include="Development"> <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" /> </environment> <environment exclude="Development"> <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" /> </environment>