https://virgool.ir/feed/@alzertanishtanghttp://gestyy.com/w6qnkPfa2026-11-11 20:41:53https://files.virgool.ir/upload/users/90688/avatar/qNERHF.pnghttps://virgool.ir/@alzertanishtanghttps://virgool.ir/@alzertanishtang/افزایش-سرعت-و-بهبود-عملکرد-جاوا-اسکریپت-با-بهینه-ساز-require-js-optimizer-zauxgdgqt2xeبه منظور افزایش سرعت لود و اجرا و همچنین فشرده سازی فایل های جاوااسکریپت که منجر به کاهش حجم فایل، یکی کردن تمام فایلهای فشرده شده برا اینکه تعداد ریکوئست ها کمتر شه از بهینه ساز کتابخانه Require js استفاده می کنیم.این بهینه ساز (optimizer) برای کتابخانه ها وفریم ورک های دیگر جاوا اسکریپت مانند انگولار جی اس (angular js) نیز قابل استفاده است.تصویر زیر بیان گر تعداد ریکوئست برای دریافت تک تک کنترل ها با حجم بالاست که باعث کند شدن سرعت لود و اجرا شدن جاوااسکریپت میشه.Download r.jsبه منظور بهینه سازی ابتدا تو فولدر روت پروژه یه فولدر به اسم build می سازیم.سپس r.js رو از این آدرس دانلود می کنیم و داخل فولدر build به اسم r.js ذخیره می کنیم.Downloa latest r.jsبرا تنظیم کردن دایرکتوری ها یه فایل build.js داخل فولدر build می سازیم. و این تنظیماتُ روش ست میکنیم.appDir: آدرس روت پروژه مون رو میدیمbaseUrl: آدرس فولدر کنترلرهای جاوااسکریپتdir: آدرس خروجی نهایی عملیات بهینه سازی که فولدر dist خواهد بودبا کامند لایت (cmd) به فولدر build رفته و دستور نود رو اجرا میکنیمنهایتا خروجی عملیات بهینه سازی داخل فولدر dist میتونید ببینید. فشرده و بهینه شده تمام کنترل های جاوا اسکریپت داخل main.js موجودهاگر index.html داخل فولدر بهینه شده dist رو اجرا کنیم با یه رکوئست یه فایل فشرده و کم حجم main.js دریافت میکنیم که شامل تمام کنترل های جاوا اسکریپته که تو زمان کمتری دانلود و اجرا شده. http://anishtang.mihanblog.com/ Alzert AnishtangAlzert AnishtangTue, 26 Nov 2019 13:30:35 +0330