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

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

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

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه ای بر تست عملکرد فرانت‌اند
• 2. چرا تست عملکرد در فرانت‌اند مهم است؟
• 3. متریک های کلیدی عملکرد فرانت‌اند
• 4. آشنایی با Web Vitals
• 5. Largest Contentful Paint (LCP)
• 6. First Input Delay (FID)
• 7. Cumulative Layout Shift (CLS)
• 8. Time to First Byte (TTFB)
• 9. First Contentful Paint (FCP)
• 10. Time to Interactive (TTI)
• 11. Speed Index
• 12. Total Blocking Time (TBT)
• 13. ابزارهای تست عملکرد فرانت‌اند: Lighthouse
• 14. ابزارهای تست عملکرد فرانت‌اند: WebPageTest
• 15. ابزارهای تست عملکرد فرانت‌اند: Chrome DevTools
• 16. ابزارهای تست عملکرد فرانت‌اند: PageSpeed Insights
• 17. ابزارهای تست عملکرد فرانت‌اند: GTmetrix
• 18. نصب و راه اندازی Lighthouse
• 19. اجرای تست با Lighthouse
• 20. تفسیر گزارش Lighthouse
• 21. بهبود امتیازات Lighthouse
• 22. نصب و راه اندازی WebPageTest
• 23. پیکربندی WebPageTest
• 24. اجرای تست با WebPageTest
• 25. تفسیر گزارش WebPageTest
• 26. بهبود عملکرد بر اساس گزارش WebPageTest
• 27. آشنایی با Chrome DevTools Performance
• 28. ضبط Performance در Chrome DevTools
• 29. تحلیل Performance در Chrome DevTools
• 30. شناسایی گلوگاه‌های عملکرد
• 31. بهینه سازی تصاویر برای عملکرد
• 32. فشرده سازی تصاویر
• 33. انتخاب فرمت مناسب تصویر (WebP, AVIF)
• 34. Lazy Loading تصاویر
• 35. بهینه سازی CSS برای عملکرد
• 36. حذف CSS استفاده نشده (Unused CSS)
• 37. Minify کردن CSS
• 38. استفاده از Critical CSS
• 39. بهینه سازی JavaScript برای عملکرد
• 40. Minify کردن JavaScript
• 41. Code Splitting
• 42. Tree Shaking
• 43. Deffering JavaScript
• 44. Async JavaScript
• 45. بهینه سازی فونت ها
• 46. انتخاب فرمت مناسب فونت (WOFF2)
• 47. Preloading فونت ها
• 48. استفاده از CDN برای فونت ها
• 49. کاهش درخواست‌های HTTP
• 50. استفاده از HTTP/2
• 51. استفاده از CDN
• 52. Caching: مرورگر
• 53. Caching: CDN
• 54. Caching: سمت سرور
• 55. بهینه سازی رندرینگ
• 56. Minimize Reflows and Repaints
• 57. Virtual DOM
• 58. Batch Updates
• 59. استفاده از Web Workers
• 60. کار با Service Workers
• 61. بهینه سازی اسکریپت های شخص ثالث
• 62. شناسایی اسکریپت های شخص ثالث با عملکرد ضعیف
• 63. بهینه سازی زمان بارگذاری اسکریپت های شخص ثالث
• 64. Lazy Loading اسکریپت های شخص ثالث
• 65. مانیتورینگ عملکرد فرانت‌اند در دنیای واقعی (Real User Monitoring - RUM)
• 66. آشنایی با RUM
• 67. ابزارهای RUM
• 68. پیاده سازی RUM
• 69. تحلیل داده های RUM
• 70. تنظیم بودجه عملکرد (Performance Budget)
• 71. تعیین بودجه عملکرد
• 72. ردیابی عملکرد در برابر بودجه
• 73. Alerting در صورت تخطی از بودجه
• 74. تست عملکرد خودکار
• 75. پیکربندی CI/CD برای تست عملکرد
• 76. استفاده از Lighthouse CI
• 77. استفاده از WebPageTest API
• 78. بهینه سازی عملکرد SPA (Single Page Application)
• 79. Route Based Code Splitting
• 80. Pre-rendering
• 81. Server Side Rendering (SSR)
• 82. تست عملکرد در دستگاه‌های مختلف
• 83. شبیه سازی دستگاه‌ها در Chrome DevTools
• 84. استفاده از دستگاه‌های واقعی برای تست
• 85. تست عملکرد در شبکه‌های مختلف
• 86. شبیه سازی سرعت شبکه
• 87. بهینه سازی برای شبکه‌های با سرعت پایین
• 88. بهینه سازی Scroll Performance
• 89. استفاده از passive event listeners
• 90. Debouncing و Throttling
• 91. بهینه سازی انیمیشن ها
• 92. استفاده از CSS Transforms و Opacity
• 93. استفاده از requestAnimationFrame
• 94. بهینه سازی حافظه
• 95. جلوگیری از Memory Leaks
• 96. استفاده از Memory Profiler در Chrome DevTools
• 97. تست استرس (Stress Testing) فرانت‌اند
• 98. شبیه سازی ترافیک بالا
• 99. شناسایی نقاط ضعف در شرایط استرس
• 100. بهینه سازی پایگاه داده (Database Optimization) برای فرانت‌اند

فرانت‌اند خود را به اوج سرعت و کارایی برسانید!