دوره بهینه‌سازی عملکرد Vite: افزایش سرعت و کارایی همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره بهینه‌سازی عملکرد Vite: افزایش سرعت و کارایی

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

موضوع میانی: وایت (Vite)

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

• 1. معرفی Vite و اهمیت بهینه‌سازی عملکرد
• 2. بررسی ابزارهای توسعه‌دهنده Vite برای پروفایل‌گیری
• 3. درک فرآیند Build و توسعه در Vite
• 4. تحلیل وابستگی‌ها و مدیریت آن‌ها
• 5. استفاده از Lazy Loading برای افزایش سرعت بارگذاری
• 6. Code Splitting و تاثیر آن بر عملکرد
• 7. بهینه‌سازی تصاویر و منابع استاتیک
• 8. استفاده از Compression (Gzip/Brotli)
• 9. Caching استراتژیک در Vite
• 10. بهینه‌سازی فایل‌های JavaScript (Minification, Tree Shaking)
• 11. بهینه‌سازی فایل‌های CSS (Minification, PurgeCSS)
• 12. استفاده از Web Workers برای پردازش‌های سنگین
• 13. پیش‌بارگذاری (Preloading) منابع مهم
• 14. بهینه‌سازی فونت‌ها و کاهش زمان بارگذاری آن‌ها
• 15. استفاده از CDN برای میزبانی منابع
• 16. تنظیمات پیشرفته Vite برای بهینه‌سازی Build
• 17. استفاده از پلاگین‌های Vite برای بهینه‌سازی
• 18. بهینه‌سازی برای محیط Production
• 19. مانیتورینگ و اندازه‌گیری عملکرد بعد از Deploy
• 20. بهینه‌سازی Vite برای Core Web Vitals
• 21. بهینه‌سازی SSR (Server-Side Rendering) با Vite
• 22. استفاده از HTTP/2 برای بهبود سرعت انتقال داده
• 23. بهینه‌سازی تصاویر با فرمت‌های جدید (WebP, AVIF)
• 24. بهینه‌سازی استایل‌ها با استفاده از CSS Modules
• 25. استفاده از خدمات Caching CDN
• 26. بهینه‌سازی Bundle Size با تحلیل Dependency Graph
• 27. استفاده از ESM (ECMAScript Modules) به جای CommonJS
• 28. بهینه‌سازی Route با Lazy Loading و Code Splitting
• 29. بهینه‌سازی کامپوننت‌ها برای Render سریع‌تر
• 30. استفاده از Memoization برای جلوگیری از رندر مجدد غیرضروری
• 31. بهینه‌سازی مدیریت State در Vite
• 32. بهینه‌سازی تصاویر واکنش‌گرا (Responsive Images)
• 33. بهینه‌سازی برای دسترسی‌پذیری (Accessibility)
• 34. بهینه‌سازی با استفاده از Service Workers
• 35. آشنایی با ابزار Lighthouse برای ارزیابی عملکرد
• 36. رفع مشکلات رایج عملکرد در Vite
• 37. بهینه‌سازی برای Mobile First
• 38. بهینه‌سازی برای Core Web Vitals: LCP
• 39. بهینه‌سازی برای Core Web Vitals: FID
• 40. بهینه‌سازی برای Core Web Vitals: CLS
• 41. استفاده از ابزارهای CI/CD برای بهینه‌سازی خودکار
• 42. بهینه‌سازی با استفاده از Profiler مرورگر
• 43. بهینه‌سازی برای Single Page Application (SPA)
• 44. بهینه‌سازی برای Multi Page Application (MPA)
• 45. بهینه‌سازی برای کتابخانه‌های کامپوننتی (Component Libraries)