کتاب اصول تست برای عملکرد (Performance) در فرانتاند با فرمت AZW3 برای کتابخوان کیندل و فرمت EPUB
اصول تست عملکرد (Performance) در فرانتاند: شاه کلید موفقیت وبسایت شما اصول تست عملکرد (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. مدیریت حافظه در فرانتاند
تگها:
Front-End Development
Frontend
functional testing
JavaScript
lighthouse
PageSpeed Insights
performance testing
Programming
React
Speed Testing
User Interface Testing
web optimization
برنامه نویسی
بهینه سازی وب
تست UI
تست سرعت
تست عملکرد
تست کاربردی
فرانتاند
نظرات
هنوز نظری ثبت نشده است.
وارد شوید تا نظر ثبت کنید.