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

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

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

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

موضوع کلی: توسعه وب

موضوع میانی: بهینه‌سازی وب‌سایت

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

• 1. مقدمه‌ای بر بهینه‌سازی فرانت‌اند
• 2. اندازه‌گیری عملکرد وب‌سایت
• 3. ابزارهای توسعه‌دهندگان مرورگر برای بهینه‌سازی
• 4. بهینه‌سازی تصاویر برای وب
• 5. فرمت‌های تصویری و انتخاب مناسب
• 6. فشرده‌سازی تصاویر بدون افت کیفیت
• 7. بهینه‌سازی تصاویر با افت کیفیت و تنظیمات
• 8. Lazy Loading تصاویر
• 9. بهینه‌سازی CSS
• 10. Minification و Compression CSS
• 11. کاهش درخواست‌های CSS
• 12. درک CSS Selectors و تاثیر آن‌ها بر عملکرد
• 13. بهینه‌سازی JavaScript
• 14. Minification و Compression JavaScript
• 15. کاهش حجم JavaScript
• 16. Defer و Async کردن اسکریپت‌ها
• 17. بهینه‌سازی رندرینگ
• 18. رندر کردن مسدودکننده (Render-Blocking) منابع
• 19. بهینه‌سازی Critical Rendering Path
• 20. استفاده از CDN
• 21. Caching مرورگر
• 22. Caching سمت سرور
• 23. بهینه‌سازی فونت‌ها
• 24. فرمت‌های فونت و انتخاب مناسب
• 25. بهینه‌سازی بارگذاری فونت
• 26. بهینه‌سازی HTML
• 27. کاهش حجم HTML
• 28. بهینه‌سازی DOM
• 29. بهینه‌سازی برای موبایل
• 30. Responsive Web Design
• 31. بهینه‌سازی تصاویر برای دستگاه‌های موبایل
• 32. بهینه‌سازی بارگذاری صفحه برای شبکه‌های کند
• 33. استفاده از AMP (Accelerated Mobile Pages)
• 34. بهینه‌سازی Single Page Applications (SPAs)
• 35. Code Splitting
• 36. Lazy Loading Components
• 37. Server-Side Rendering (SSR)
• 38. بهینه‌سازی Webpack
• 39. بهینه‌سازی Babel
• 40. بهینه‌سازی تصاویر SVG
• 41. بهینه‌سازی انیمیشن‌ها
• 42. استفاده از CSS Animations به جای JavaScript Animations
• 43. بهینه‌سازی درخواست‌های شبکه
• 44. HTTP/2 و HTTP/3
• 45. بهینه‌سازی DNS
• 46. بهینه‌سازی TCP
• 47. بهینه‌سازی TLS
• 48. مانیتورینگ و تحلیل عملکرد
• 49. Google PageSpeed Insights
• 50. WebPageTest
• 51. Lighthouse
• 52. Real User Monitoring (RUM)
• 53. بهبود Core Web Vitals
• 54. Largest Contentful Paint (LCP)
• 55. First Input Delay (FID)
• 56. Cumulative Layout Shift (CLS)
• 57. بهینه‌سازی حافظه
• 58. مدیریت حافظه در JavaScript
• 59. جلوگیری از Memory Leaks
• 60. بهینه‌سازی Web Workers
• 61. بهینه‌سازی برای Accessibility
• 62. بهینه‌سازی برای SEO
• 63. Schema Markup
• 64. بهینه‌سازی برای Social Media
• 65. بهینه‌سازی بارگذاری فونت‌های فارسی
• 66. بهینه‌سازی وب‌سایت‌های فارسی با راست‌به‌چپ
• 67. بهینه‌سازی برای وب‌سایت‌های چندزبانه
• 68. بهینه‌سازی برای وب‌سایت‌های فروشگاهی
• 69. بهینه‌سازی برای وب‌سایت‌های خبری
• 70. بهینه‌سازی برای وبلاگ‌ها
• 71. بهینه‌سازی برای پلتفرم‌های مختلف مرورگر
• 72. بهینه‌سازی برای وب‌سایت‌های تعاملی
• 73. بهینه‌سازی برای وب‌سایت‌های مبتنی بر فریم‌ورک‌های JavaScript (React, Angular, Vue)
• 74. بهینه‌سازی برای وب‌سایت‌های بزرگ و پیچیده
• 75. بهینه‌سازی برای وب‌سایت‌های دارای ترافیک بالا
• 76. بهینه‌سازی برای وب‌سایت‌های داینامیک
• 77. بهینه‌سازی برای وب‌سایت‌های ایستا
• 78. بهینه‌سازی برای وب‌سایت‌های دارای محتوای زیاد
• 79. بهینه‌سازی برای وب‌سایت‌های دارای ویدئو
• 80. بهینه‌سازی برای وب‌سایت‌های دارای صدا
• 81. تکنیک‌های پیشرفته Caching
• 82. Service Workers
• 83. Edge Caching
• 84. بهینه‌سازی برای وب‌سایت‌های Progressive Web Apps (PWAs)
• 85. بهینه‌سازی برای وب‌سایت‌های Serverless
• 86. بهینه‌سازی برای وب‌سایت‌های مبتنی بر Microservices
• 87. بهینه‌سازی فرانت‌اند با استفاده از ابزارهای CI/CD
• 88. بهینه‌سازی خودکار فرانت‌اند
• 89. بهینه‌سازی دستی فرانت‌اند
• 90. بهینه‌سازی برای آینده: تکنولوژی‌های نوظهور
• 91. WebAssembly
• 92. QUIC