فلش‌کارت‌های آموزشی اصول تست برای سرعت (Speed) در فرانت‌اند

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

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

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

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

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

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

• 1. مقدمه‌ای بر اهمیت سرعت در فرانت‌اند
• 2. چرا سرعت در فرانت‌اند حیاتی است؟
• 3. تأثیر سرعت بر تجربه کاربری (UX)
• 4. تأثیر سرعت بر سئو (SEO)
• 5. معیارهای کلیدی عملکرد در فرانت‌اند
• 6. معرفی ابزارهای اندازه‌گیری سرعت
• 7. نحوه استفاده از Google PageSpeed Insights
• 8. کار با Lighthouse برای تحلیل عملکرد
• 9. استفاده از WebPageTest برای تست جامع
• 10. درک متریک‌های Core Web Vitals
• 11. بهینه‌سازی زمان بارگذاری اولیه (Initial Load Time)
• 12. کاهش حجم فایل‌های CSS
• 13. فشرده‌سازی و بهینه‌سازی تصاویر
• 14. استفاده از فرمت‌های مدرن تصویر (WebP)
• 15. بهینه‌سازی فونت‌ها
• 16. مدیریت و بارگذاری تنبل (Lazy Loading) منابع
• 17. اهمیت First Contentful Paint (FCP)
• 18. راهکارهای بهبود FCP
• 19. اهمیت Largest Contentful Paint (LCP)
• 20. بهینه‌سازی LCP با تصاویر و محتوای بزرگ
• 21. اهمیت Interaction to Next Paint (INP)
• 22. بهبود پاسخگویی رابط کاربری (UI Responsiveness)
• 23. کاهش زمان اجرای جاوا اسکریپت
• 24. بهینه‌سازی رندرینگ صفحه
• 25. مدیریت منابع مسدودکننده رندر (Render-Blocking Resources)
• 26. استفاده از `async` و `defer` برای اسکریپت‌ها
• 27. بهینه‌سازی CSS مسدودکننده رندر
• 28. تکنیک‌های پیش‌بارگذاری (Preloading) منابع
• 29. اهمیت پیش‌اتصال (Preconnecting) به دامنه‌های خارجی
• 30. استفاده از `preconnect` و `dns-prefetch`
• 31. مدیریت کش مرورگر
• 32. استراتژی‌های کش HTTP
• 33. تنظیم هدرهای کش مناسب
• 34. بهینه‌سازی تحویل دارایی‌ها (Asset Delivery)
• 35. استفاده از شبکه‌های توزیع محتوا (CDN)
• 36. تنظیمات بهینه CDN
• 37. بهینه‌سازی تحویل فونت‌ها
• 38. مدیریت منابع شخص ثالث (Third-Party Resources)
• 39. ارزیابی تأثیر اسکریپت‌های تحلیلی
• 40. بهینه‌سازی بارگذاری چت‌بات‌ها و ابزارهای نظرسنجی
• 41. تکنیک‌های کدنویسی برای سرعت
• 42. استفاده از Virtual DOM و بهینه‌سازی رندرینگ
• 43. بهینه‌سازی حلقه‌ها و عملیات تکراری
• 44. کاهش استفاده از حافظه (Memory Usage)
• 45. مدیریت رویدادها (Event Handling) بهینه
• 46. استفاده از Web Workers برای عملیات سنگین
• 47. بهینه‌سازی رندرینگ جدول‌ها و لیست‌های طولانی
• 48. تکنیک‌های مربوط به فریم‌ورک‌ها و کتابخانه‌ها
• 49. بهینه‌سازی در React
• 50. بهینه‌سازی در Vue.js
• 51. بهینه‌سازی در Angular
• 52. استفاده از Server-Side Rendering (SSR)
• 53. مزایا و معایب SSR
• 54. پیاده‌سازی SSR با Next.js
• 55. پیاده‌سازی SSR با Nuxt.js
• 56. استفاده از Static Site Generation (SSG)
• 57. مزایا و معایب SSG
• 58. کاربرد SSG در Gatsby
• 59. کاربرد SSG در Hugo
• 60. تست عملکرد در محیط‌های مختلف
• 61. تست در دستگاه‌های موبایل
• 62. تست در شبکه‌های با پهنای باند کم
• 63. شبیه‌سازی شرایط شبکه
• 64. تست عملکرد در مرورگرهای مختلف
• 65. اهمیت تست A/B برای بهینه‌سازی سرعت
• 66. مبانی تست A/B در فرانت‌اند
• 67. ابزارهای پیاده‌سازی تست A/B
• 68. استراتژی‌های بهینه‌سازی مداوم
• 69. پایش عملکرد در طول زمان
• 70. تنظیم هشدارها برای افت عملکرد
• 71. بهینه‌سازی برای موتورهای جستجو (SEO)
• 72. نقش سرعت در رتبه‌بندی گوگل
• 73. بهینه‌سازی برای ربات‌های جستجو
• 74. استفاده از Schema Markup برای بهبود نتایج جستجو
• 75. ملاحظات امنیتی در فرانت‌اند
• 76. اهمیت امنیت در تحویل محتوا
• 77. جلوگیری از حملات XSS
• 78. مدیریت امن کوکی‌ها
• 79. اصول اولیه معماری سریع فرانت‌اند
• 80. طراحی اپلیکیشن‌های تک‌صفحه‌ای (SPA) با رویکرد سرعت
• 81. استفاده از Progressive Web Apps (PWA)
• 82. مزایای PWA برای سرعت و آفلاین بودن
• 83. پیاده‌سازی Service Workers
• 84. مدیریت داده‌های آفلاین
• 85. آینده سرعت در فرانت‌اند
• 86. روندهای جدید در بهینه‌سازی عملکرد
• 87. نقش هوش مصنوعی در بهینه‌سازی سرعت
• 88. بهینه‌سازی برای اینترنت اشیاء (IoT)
• 89. جمع‌بندی و بهترین شیوه‌ها
• 90. ایجاد چک‌لیست بهینه‌سازی سرعت
• 91. توسعه فرهنگ سرعت در تیم
• 92. نکات پیشرفته برای متخصصان فرانت‌اند
• 93. مدیریت عملکرد در پروژه‌های بزرگ
• 94. استفاده از ابزارهای مانیتورینگ پیشرفته
• 95. تحلیل عمیق‌تر گلوگاه‌های عملکرد
• 96. بهینه‌سازی برای وب‌سایت‌های تجارت الکترونیک
• 97. نقش سرعت در نرخ تبدیل (Conversion Rate)
• 98. راهکارهای ویژه برای فروشگاه‌های آنلاین
• 99. بهینه‌سازی برای وب‌سایت‌های خبری و رسانه‌ای
• 100. سرعت بارگذاری مقالات