آموزش تسلط بر انگولار: بهینه‌سازی عملکرد (Performance Optimization) - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• پیش‌نیازهای لازم What you should know

• چرا کاربران به دنبال اپلیکیشن‌های سریع هستند Users want fast applications

• مروری کلی بر اپلیکیشن Application overview

• کار با کدهای نمونه و محیط Codespaces Using the example code and Codespaces

1. معیارها و ابزارهای سنجش عملکرد 1. Performance Metrics and Tools

• معیارهای رایج سنجش عملکرد Common performance metrics

• مروری بر ابزار Lighthouse Lighthouse overview

• مروری بر Angular DevTools Angular DevTools overview

2. بهینه‌سازی‌های عملکردی 2. Performance Optimizations

• چالش کدنویسی Coding challenge

• جلوگیری از آلودگی زون (Zone Pollution) Avoiding zone pollution

• بهینه‌سازی تصاویر Optimizing images

• کپسوله‌سازی نمای کامپوننت (View Encapsulation) Component view encapsulation

• شناسایی و جلوگیری از نشت حافظه (Memory Leaks) Detecting and preventing memory leaks

• استفاده از انگولار بدون Zone.js (Zoneless) Angular without Zone.js (Zoneless)

• ارائه راهکار Solution

• بهبود تجربه کاربری با الگوی App Shell Boost UX with the app shell pattern

• بهینه‌سازی محاسبات سنگین و کند Optimizing slow computations

• بهینه‌سازی فرم‌ها و Reactive Forms Optimizing forms and reactive forms

• نادیده گرفتن تشخیص تغییرات در زیرشاخه‌های کامپوننت Skipping change detection on component subtrees

• تنظیم دقیق مدیریت وضعیت (State Management) Fine-tuning state management

• بهبود عملکرد روتر (Router) Enhancing router performance

• تنظیمات رایج برای افزایش کارایی Common configuration tweaks

• به تاخیر انداختن بارگذاری با بلوک‌های Defer Defer loading with defer blocks

3. الگوهای معماری کد 3. Code Architecture Patterns

• آزاد کردن ترد اصلی با استفاده از Web Workers Keeping the main thread clear with web workers

• دسترسی آنی به داده‌ها با کشینگ سمت کلاینت Get data instantly with client-side caching

• کاهش حجم باندل با Tree Shakable Providers Reduce bundle size with tree-shakable providers

• کنترل بیشتر با استفاده از Angular Refs Gain more control with Angular refs

• ایجاد تعادل بین امنیت و عملکرد Balancing security with performance

• ارائه راهکار Solution

• جداسازی اینجکتورها در سلسله‌مراتب Isolating injectors within hierarchies

• چالش کدنویسی Coding challenge

• پیاده‌سازی استراتژی Offline First با Service Workers Achieving offline-first with service workers

جمع‌بندی Conclusion

• نگاهی عمیق‌تر به انگولار A deeper look at Angular