کتاب صوتی اصول تست برای عملکرد (Performance) در فرانت‌اند

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره اصول تست برای عملکرد (Performance) در فرانت‌اند

موضوع کلی: برنامه نویسی

موضوع میانی: تست فرانت‌اند

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر تست نرم‌افزار
• 2. چرا تست فرانت‌اند حیاتی است؟
• 3. انواع تست‌ها: از واحد تا انتها به انتها
• 4. مقدمه‌ای بر عملکرد وب: چرا اهمیت دارد؟
• 5. اهمیت عملکرد برای تجربه کاربری
• 6. عملکرد وب و نرخ تبدیل (Conversion Rate)
• 7. معرفی Core Web Vitals و اهمیت آن‌ها
• 8. LCP (Largest Contentful Paint) چیست و چگونه آن را بهبود بخشیم؟
• 9. FID (First Input Delay) چیست و چگونه آن را بهبود بخشیم؟
• 10. CLS (Cumulative Layout Shift) چیست و چگونه آن را بهبود بخشیم؟
• 11. معیارهای عملکردی ثانویه (FCP, TBT, TTFB, INP)
• 12. چرخه رندر مرورگر (Browser Rendering Process)
• 13. مسیر رندر بحرانی (Critical Rendering Path)
• 14. مدل شیء سند (DOM) و مدل شیء CSS (CSSOM)
• 15. ابزارهای توسعه‌دهنده مرورگر برای بررسی عملکرد
• 16. تنظیم اهداف عملکردی و KPI‌ها
• 17. تأثیر HTML بر عملکرد: بهترین روش‌ها و ساختار
• 18. بهینه‌سازی CSS برای عملکرد: انتخابگرها، Critical CSS و حذف CSS استفاده‌نشده
• 19. تأثیر JavaScript بر عملکرد: Event Loop، async/await و بهینه‌سازی اجرای کد
• 20. بهینه‌سازی تصاویر: فرمت‌ها (WebP, AVIF)، فشرده‌سازی و Lazy Loading
• 21. تصاویر واکنش‌گرا (Responsive Images) و استفاده از srcset/sizes
• 22. بهینه‌سازی فونت‌ها (Font Optimization): font-display، WOFF2 و بارگذاری غیرهمزمان
• 23. بهینه‌سازی ویدیوها و سایر رسانه‌ها
• 24. CDN (Content Delivery Network) و تأثیر آن بر عملکرد فرانت‌اند
• 25. استراتژی‌های کشینگ (Caching Strategies) در مرورگر و سرور
• 26. HTTP/1.1 در مقابل HTTP/2 و HTTP/3: مزایای عملکردی
• 27. کاهش اندازه باندل (Bundle Size) با Webpack Bundle Analyzer
• 28. Code Splitting برای بارگذاری بهینه بخش‌های مختلف برنامه
• 29. Tree Shaking برای حذف کد مرده (Dead Code Elimination)
• 30. Web Workers برای اجرای کارهای سنگین در پس‌زمینه
• 31. Service Workers برای کشینگ، دسترسی آفلاین و بهبود عملکرد
• 32. PWA (Progressive Web Apps) و مزایای عملکردی آن‌ها
• 33. تأثیر DOM و Virtual DOM بر عملکرد (ویژه فریم‌ورک‌های مدرن)
• 34. Memoization و Pure Components در React برای بهینه‌سازی رندرینگ
• 35. بهینه‌سازی رندرینگ در Vue.js: ابزارها و تکنیک‌ها
• 36. مدیریت وضعیت (State Management) و تأثیر آن بر عملکرد
• 37. بهینه‌سازی واکشی داده (Data Fetching): Pagination، Infinite Scroll و Prefetching
• 38. تأثیر اسکریپت‌های Third-Party بر عملکرد و روش‌های بهینه‌سازی آن‌ها
• 39. مفهوم Real User Monitoring (RUM) و اهمیت آن
• 40. مفهوم Synthetic Monitoring و تفاوت آن با RUM
• 41. انتخاب ابزار مناسب برای RUM (مانند Google Analytics, Sentry, New Relic)
• 42. انتخاب ابزار مناسب برای Synthetic Monitoring (مانند Lighthouse CI, WebPageTest)
• 43. ابزارهای تست عملکرد در مرورگر: Deep Dive در Lighthouse
• 44. تحلیل گزارشات Lighthouse و امتیازدهی: درک دقیق نتایج
• 45. ابزارهای تست عملکرد خارجی: WebPageTest و سناریوهای پیشرفته
• 46. استفاده از WebPageTest برای شبیه‌سازی شرایط مختلف
• 47. Google PageSpeed Insights و کاربردهای آن در تحلیل عملکرد
• 48. شبیه‌سازی شرایط شبکه مختلف (GPRS تا 5G)
• 49. شبیه‌سازی دستگاه‌های مختلف (موبایل، دسکتاپ، تبلت)
• 50. ایجاد یک Baseline عملکردی و مقایسه با آن
• 51. تعریف SLA (Service Level Agreement) و اهداف عملکردی مشخص
• 52. مدیریت داده‌های تستی برای تست‌های عملکرد
• 53. راه‌اندازی محیط تست عملکرد مناسب و ایزوله
• 54. تحلیل Waterfall Chart برای شناسایی گلوگاه‌های بارگذاری
• 55. تحلیل پروفایل CPU و JavaScript Execution Time
• 56. تشخیص Memory Leaks در فرانت‌اند
• 57. شناسایی Long Tasks و تأثیر آن‌ها بر First Input Delay (FID)
• 58. تحلیل Layout Shifts و Cumulative Layout Shift (CLS)
• 59. مقدمه‌ای بر Load Testing (تست بار) در فرانت‌اند
• 60. ابزارهای Load Testing برای فرانت‌اند (مانند k6, JMeter)
• 61. اسکریپت‌نویسی تست‌های عملکرد با Puppeteer و Playwright
• 62. تست بارگذاری سمت کاربر (Client-Side Load Testing)
• 63. مفهوم تست استرس (Stress Testing) در فرانت‌اند
• 64. تست پایداری (Stability Testing) برای برنامه‌های فرانت‌اند
• 65. تست مقیاس‌پذیری (Scalability Testing) در سطح فرانت‌اند
• 66. ادغام تست‌های عملکرد در CI/CD (Continuous Integration/Continuous Delivery)
• 67. اتوماسیون تست‌های رگرسیون عملکردی
• 68. بودجه‌های عملکردی (Performance Budgets) و تنظیم آن‌ها
• 69. مانیتورینگ عملکرد مداوم پس از استقرار برنامه
• 70. ابزارهای مانیتورینگ عملکرد: معرفی و کاربرد (مانند Datadog, Grafana)
• 71. تنظیم هشدارها (Alerting) بر اساس معیارهای عملکردی کلیدی
• 72. تست A/B برای ارزیابی تأثیر تغییرات بر عملکرد
• 73. SSR (Server-Side Rendering) در مقابل CSR (Client-Side Rendering): تأثیر بر عملکرد
• 74. SSG (Static Site Generation) و مزایای عملکردی آن
• 75. بهینه‌سازی عملکرد در React: نکات و ابزارهای پیشرفته
• 76. بهینه‌سازی عملکرد در Vue: نکات و ابزارهای پیشرفته
• 77. بهینه‌سازی عملکرد در Angular: نکات و ابزارهای پیشرفته
• 78. Web Components و ملاحظات عملکردی آن‌ها
• 79. دسترس‌پذیری (Accessibility) و عملکرد: ارتباط و تعادل
• 80. بین‌المللی‌سازی (i18n) و محلی‌سازی (l10n) و تأثیر آن‌ها بر عملکرد
• 81. چالش‌های عملکردی در برنامه‌های بزرگ مقیاس (Enterprise Applications)
• 82. بهترین روش‌ها برای بهینه‌سازی عملکرد فرانت‌اند: جمع‌بندی
• 83. اشکال‌زدایی مسائل پیچیده عملکردی: رویکردها و تکنیک‌ها
• 84. گزارش‌دهی معیارهای عملکرد به ذینفعان (مدیریت، بازاریابی)
• 85. ایجاد داشبوردهای عملکردی و بصری‌سازی داده‌ها
• 86. فرهنگ بهبود مستمر عملکرد در تیم توسعه
• 87. مطالعه موردی: بهینه‌سازی یک اپلیکیشن React با ابزارهای مختلف
• 88. مطالعه موردی: بهبود Core Web Vitals در یک سایت فروشگاهی بزرگ
• 89. روندهای آینده در عملکرد وب و تکنولوژی‌های جدید
• 90. ملاحظات اخلاقی و پایداری در بهینه‌سازی عملکرد
• 91. نگهداری و بروزرسانی تست‌های عملکرد
• 92. استراتژی توسعه با رویکرد Performance-First
• 93. تأثیر WebAssembly بر عملکرد برنامه‌های فرانت‌اند
• 94. GraphQL و بهینه‌سازی‌های آن برای عملکرد داده
• 95. بهینه‌سازی Interaction to Next Paint (INP) به عنوان معیار جدید
• 96. استفاده از Performance API در مرورگر برای اندازه‌گیری دقیق
• 97. اندازه‌گیری عملکرد جاوااسکریپت با `performance.mark` و `performance.measure`
• 98. Deep Dive در DevTools: تب Memory (Heap Snapshots, Allocation Timeline)
• 99. Deep Dive در DevTools: تب Network (Advanced Filtering, Request Blocking)
• 100. بهینه‌سازی برای دستگاه‌های با منابع محدود و شبکه‌های ضعیف