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

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

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

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

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

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

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

• 1. مقدمه‌ای بر عملکرد وب (Web Performance)
• 2. چرا عملکرد مهم است: تجربه کاربری، سئو و نرخ تبدیل
• 3. تفاوت عملکرد درک شده توسط کاربر و معیارهای واقعی
• 4. نقش حیاتی فرانت‌اند در عملکرد کلی وب‌سایت
• 5. آشنایی با گلوگاه‌های رایج عملکرد در فرانت‌اند
• 6. تعریف اهداف عملکرد و بودجه عملکرد (Performance Budget)
• 7. مبانی شبکه برای توسعه‌دهندگان فرانت‌اند
• 8. معرفی Core Web Vitals (معیارهای حیاتی وب)
• 9. معیار Largest Contentful Paint (LCP): تعریف و اندازه‌گیری
• 10. معیار First Input Delay (FID) و جایگزین آن Interaction to Next Paint (INP)
• 11. معیار Cumulative Layout Shift (CLS): جلوگیری از پرش‌های بصری
• 12. معیار First Contentful Paint (FCP)
• 13. معیار Time to First Byte (TTFB) و ارتباط آن با فرانت‌اند
• 14. معیار Time to Interactive (TTI)
• 15. معیار Total Blocking Time (TBT)
• 16. معیار Speed Index
• 17. تفاوت داده‌های آزمایشگاهی (Lab Data) و داده‌های میدانی (Field Data)
• 18. معرفی ابزارهای توسعه‌دهنده مرورگر (Browser DevTools)
• 19. تحلیل عملکرد با پنل Network در DevTools
• 20. پروفایل‌گیری و تحلیل با پنل Performance در DevTools
• 21. آشنایی با ابزار Lighthouse و نحوه استفاده از آن
• 22. تفسیر گزارش‌های Lighthouse برای بهبود عملکرد
• 23. مقدمه‌ای بر ابزار WebPageTest
• 24. تحلیل آبشاری (Waterfall Analysis) در WebPageTest
• 25. تست روی دستگاه‌ها و شبکه‌های مختلف
• 26. استفاده از Google PageSpeed Insights
• 27. ابزارهای مانیتورینگ مصنوعی (Synthetic Monitoring)
• 28. ابزارهای مانیتورینگ کاربر واقعی (Real User Monitoring - RUM)
• 29. استراتژی‌های تست عملکرد: دستی در مقابل خودکار
• 30. تنظیم یک خط پایه (Baseline) برای عملکرد
• 31. تست رگرسیون (Regression Testing) برای عملکرد
• 32. ادغام تست‌های عملکرد در فرآیند CI/CD
• 33. درک مسیر رندرینگ حیاتی (Critical Rendering Path)
• 34. ساخت DOM و CSSOM
• 35. درخت رندر، چیدمان (Layout) و نقاشی (Paint)
• 36. منابع مسدودکننده رندر (Render-Blocking Resources)
• 37. بهینه‌سازی تحویل CSS
• 38. استفاده بهینه از تگ‌های async و defer برای اسکریپت‌ها
• 39. بهینه‌سازی تصاویر: فرمت‌های مناسب (WebP, AVIF)
• 40. بهینه‌سازی تصاویر: فشرده‌سازی و ابعاد صحیح
• 41. پیاده‌سازی تصاویر واکنش‌گرا (Responsive Images)
• 42. تکنیک بارگذاری تنبل (Lazy Loading) برای تصاویر و iframeها
• 43. بهینه‌سازی فونت‌های وب (WOFF2, font-display)
• 44. بهینه‌سازی فایل‌های SVG
• 45. بهینه‌سازی ویدیو برای وب
• 46. کوچک‌سازی (Minification) فایل‌های CSS, JS و HTML
• 47. فشرده‌سازی با Gzip و Brotli
• 48. مبانی کشینگ مرورگر (Browser Caching)
• 49. استفاده از هدرهای Cache-Control و ETag
• 50. استراتژی‌های مختلف کشینگ
• 51. نقش شبکه‌های توزیع محتوا (CDN) در بهبود عملکرد
• 52. مقدمه‌ای بر HTTP/2 و HTTP/3
• 53. کاهش جستجوهای DNS با dns-prefetch
• 54. استفاده از preconnect برای اتصالات سریع‌تر
• 55. پیش‌بارگذاری منابع حیاتی با preload و prefetch
• 56. تحلیل و بهینه‌سازی اسکریپت‌های شخص ثالث (Third-Party Scripts)
• 57. مفهوم Code Splitting و پیاده‌سازی آن
• 58. تکنیک Tree Shaking برای حذف کدهای مرده
• 59. تأثیر جاوا اسکریپت بر عملکرد CPU
• 60. آشنایی با Event Loop و تأثیر آن بر عملکرد
• 61. جلوگیری از وظایف طولانی (Long Tasks) در جاوا اسکریپت
• 62. تحلیل و پروفایل‌گیری اجرای جاوا اسکریپت
• 63. مدیریت حافظه در جاوا اسکریپت
• 64. شناسایی و رفع نشت حافظه (Memory Leaks)
• 65. بهینه‌سازی حلقه‌ها و محاسبات سنگین
• 66. تکنیک‌های Debouncing و Throttling برای رویدادها
• 67. دستکاری بهینه DOM
• 68. مفهوم Layout Thrashing و روش‌های جلوگیری از آن
• 69. استفاده از Web Workers برای پردازش‌های پس‌زمینه
• 70. عملکرد انیمیشن‌ها: CSS Transitions/Animations در مقابل JavaScript
• 71. استفاده از خاصیت CSS will-change
• 72. ملاحظات عملکردی در Single Page Applications (SPA)
• 73. عملکرد رندر سمت سرور (SSR)
• 74. عملکرد رندر سمت کلاینت (CSR)
• 75. عملکرد تولید سایت استاتیک (SSG)
• 76. مفهوم Hydration و تأثیر آن بر عملکرد
• 77. الگوهای بارگذاری داده و تأثیر آن بر TTI
• 78. تست عملکرد در React: Profiler و memoization
• 79. تست عملکرد در Vue: Computed Properties و Watchers
• 80. تست عملکرد در Angular: Change Detection و OnPush
• 81. معرفی کتابخانه‌های مدرن برای مدیریت State و عملکرد
• 82. تست عملکرد در حالت آفلاین و شبکه‌های ضعیف
• 83. مبانی Progressive Web Apps (PWA) و عملکرد
• 84. استفاده از Service Workers برای کشینگ پیشرفته
• 85. ارزیابی عملکرد APIهای فرانت‌اند (REST, GraphQL)
• 86. کاهش حجم Payload درخواست‌ها
• 87. مانیتورینگ مداوم عملکرد در محیط Production
• 88. تنظیم هشدار (Alerting) برای افت عملکرد
• 89. ارتباط دادن معیارهای عملکرد با معیارهای کسب‌وکار
• 90. ایجاد فرهنگ عملکرد در تیم توسعه
• 91. ارائه گزارش‌های عملکرد به مدیران و ذی‌نفعان
• 92. مطالعه موردی: تحلیل و بهینه‌سازی یک وب‌سایت واقعی (بخش اول)
• 93. مطالعه موردی: تحلیل و بهینه‌سازی یک وب‌سایت واقعی (بخش دوم)
• 94. آینده عملکرد وب: WebAssembly, WebGPU و فراتر از آن
• 95. جمع‌بندی و ارائه یک چک‌لیست نهایی برای تست عملکرد
• 96. **بهینه‌سازی تصاویر: فرمت‌ها، فشرده‌سازی و تکنیک‌های Responsive Images**
• 97. **Lazy Loading: تکنیک‌ها و استراتژی‌ها برای بارگذاری تنبل منابع**
• 98. **Performance Monitoring و ابزارهای Real User Monitoring (RUM)**
• 99. **آشنایی با معماری Micro-Frontend و تاثیر آن بر عملکرد**
• 100. **بهینه‌سازی Webpack و Bundle Splitting برای بهبود زمان بارگذاری**