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

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

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

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

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

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

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

• 1. مقدمه‌ای بر تست عملکرد فرانت‌اند
• 2. چرا تست عملکرد در فرانت‌اند مهم است؟
• 3. تاثیر عملکرد ضعیف بر تجربه کاربری و کسب و کار
• 4. معیارهای کلیدی عملکرد فرانت‌اند (KPIs)
• 5. اندازه‌گیری زمان بارگذاری صفحه (Page Load Time)
• 6. بررسی First Contentful Paint (FCP)
• 7. بررسی Largest Contentful Paint (LCP)
• 8. اندازه‌گیری Time to Interactive (TTI)
• 9. بررسی Cumulative Layout Shift (CLS)
• 10. آشنایی با ابزارهای تست عملکرد مرورگر
• 11. استفاده از Chrome DevTools برای تحلیل عملکرد
• 12. استفاده از Lighthouse برای تست خودکار
• 13. آشنایی با WebPageTest
• 14. آشنایی با GTmetrix
• 15. نصب و راه‌اندازی ابزارهای تست عملکرد
• 16. پیکربندی WebPageTest
• 17. پیکربندی Lighthouse
• 18. شبیه‌سازی شرایط شبکه مختلف
• 19. آزمایش با سرعت‌های مختلف اینترنت
• 20. تست با محدودیت CPU
• 21. آزمایش با دستگاه‌های مختلف
• 22. تست با مرورگرهای مختلف
• 23. درک تاثیر CDN بر عملکرد
• 24. پیکربندی CDN برای بهینه‌سازی عملکرد
• 25. کش کردن منابع استاتیک
• 26. بهینه‌سازی تصاویر برای وب
• 27. فشرده‌سازی تصاویر با فرمت‌های WebP و AVIF
• 28. Lazy Loading تصاویر
• 29. بهینه‌سازی CSS برای عملکرد
• 30. کاهش اندازه فایل CSS با Minification
• 31. حذف CSSهای استفاده نشده (Unused CSS)
• 32. استفاده از CSS Modules و scoped CSS
• 33. بهینه‌سازی JavaScript برای عملکرد
• 34. کاهش اندازه فایل JavaScript با Minification
• 35. Tree Shaking برای حذف کد استفاده نشده
• 36. Code Splitting برای بارگذاری تدریجی کد
• 37. اجتناب از JavaScriptهای Blocking
• 38. Async و Defer برای بارگذاری اسکریپت‌ها
• 39. استفاده از Web Workers برای کارهای سنگین
• 40. بهینه‌سازی فونت‌ها برای وب
• 41. استفاده از فرمت‌های WOFF2 و WOFF
• 42. Preload کردن فونت‌ها
• 43. استفاده از Font Display: Swap
• 44. تست عملکرد APIهای فرانت‌اند
• 45. شبیه‌سازی درخواست‌های API
• 46. اندازه‌گیری زمان پاسخ API
• 47. بهینه‌سازی درخواست‌های API
• 48. استفاده از Caching API
• 49. مانیتورینگ عملکرد فرانت‌اند در زمان واقعی
• 50. استفاده از ابزارهای Real User Monitoring (RUM)
• 51. تحلیل داده‌های RUM
• 52. شناسایی مشکلات عملکرد در دنیای واقعی
• 53. پیاده‌سازی بودجه عملکرد (Performance Budget)
• 54. تعیین اهداف عملکرد
• 55. مانیتورینگ بودجه عملکرد
• 56. هشدار در صورت تجاوز از بودجه
• 57. تست عملکرد در فرآیند CI/CD
• 58. اتوماتیک‌سازی تست عملکرد
• 59. استفاده از Lighthouse CI
• 60. ادغام تست عملکرد با سیستم‌های CI/CD
• 61. نوشتن تست‌های واحد برای کامپوننت‌ها
• 62. تست کامپوننت‌ها با Jest و React Testing Library
• 63. شبیه‌سازی تعاملات کاربر
• 64. تست رندرینگ کامپوننت‌ها
• 65. استفاده از ابزارهای Profiling
• 66. Profiler Chrome DevTools
• 67. Profiler React DevTools
• 68. شناسایی گلوگاه‌های عملکرد
• 69. بهینه‌سازی رندرینگ کامپوننت‌ها
• 70. Memoization برای جلوگیری از رندرینگ‌های غیرضروری
• 71. استفاده از Virtualization برای لیست‌های بزرگ
• 72. debounce و throttle کردن رویدادها
• 73. بهینه‌سازی مدیریت State
• 74. استفاده از Redux DevTools
• 75. بهینه‌سازی selectorها در Redux
• 76. استفاده از Context API بهینه
• 77. تست Accessibility برای عملکرد
• 78. تست با ابزارهای مانند Axe و WAVE
• 79. مطمئن شدن از عملکرد خوب برای کاربران با نیازهای خاص
• 80. بهینه‌سازی برای موبایل
• 81. تست بر روی دستگاه‌های موبایل واقعی
• 82. بهینه‌سازی Touch Events
• 83. Responsive Design و Mobile-First
• 84. امنیت و عملکرد
• 85. تاثیر امنیت بر عملکرد
• 86. بهینه‌سازی HTTPS
• 87. Content Security Policy (CSP)
• 88. تکنیک‌های پیشرفته تست عملکرد
• 89. استفاده از ابزارهای Synthetic Monitoring
• 90. تست A/B برای تغییرات عملکرد
• 91. تحلیل رگرسیون عملکرد
• 92. رفع اشکال مشکلات عملکرد
• 93. استفاده از Console API برای دیباگ
• 94. مانیتورینگ Logها
• 95. بهترین شیوه‌ها برای تست عملکرد فرانت‌اند
• 96. تست مداوم و تکرارپذیر
• 97. در نظر گرفتن شرایط واقعی کاربر
• 98. Document کردن نتایج تست
• 99. به اشتراک‌گذاری دانش عملکرد با تیم
• 100. مدیریت حافظه در فرانت‌اند