حتما برای شما هم پیش آمده که بخواهید با ابزاری میزان Performance کدهای نوشته شده در AngularJS را بررسی کنید.
در این مقاله ابزار بسیار ساده ای را معرفی خواهم کرد که میتوانید کد نوشته شده AngularJS را از لحاظ Performance بررسی نماید. این ابزار نوعی Extensions قابل نصب در مرورگر Google Chrome میباشد. توسط لینک زیر این ابزار را نصب کنید.
بعد از نصب ابزار و اجرا پروژه کلید F12 را بزنید تا ابزار Developer Tools Google Chrome باز شود. همانطور که مشاهده میکنید برگه ای جدیدی به نام AngularJS بعد از برگه Console اضافه شده است. بر روی برگه کلیک کنید و در صفحه پایین تیک Enabel را بزنید تا ابزار فعال شود بعد از فعال شدن ابزار بر روی برگه Performance کلیک کنید. همانطور که مشاهده میکنید در قسمت Watch Expressions تمام دستورات نوشته شده، توسط این ابزار بررسی میشود و میزان زمان اجرا و سهم از پردازش را به صورت درصد و به صورت لحظه ای نمایش میدهد. با استفاده از این ابزار خیلی راحتتر میتوان نقاط زمانبر و بحرانی پروژه را تشخیص داد و با اطمینان خاطر زمان برای بهبود Performance کدهای نوشته شده گذاشت.