دوره اندازه‌گیری FCP با PageSpeed Insights همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره اندازه‌گیری FCP با PageSpeed Insights

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

موضوع میانی: First Contentful Paint (FCP)

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

• 1. آشنایی با First Contentful Paint
• 2. FCP در بازه Core Web Vitals
• 3. معرفی PageSpeed Insights
• 4. نحوه کار موتور Lighthouse در PSI
• 5. داده‌های آزمایشگاهی در مقابل داده‌های میدانی
• 6. دیباگ کردن گزارش FCP در PSI
• 7. تفسیر مقادیر FCP (خوب، نیاز به بهبود، ضعیف)
• 8. تنظیمات تست در PSI (موبایل، دسکتاپ)
• 9. شبیه‌سازی اینترنت کند و کاهش CPU
• 10. تست URLهای محلی در مقابل production
• 11. استفاده از API صفحه‌ای PSI
• 12. داشبورد CrUX و ارتباط با FCP
• 13. اندازه‌گیری FCP در Chrome DevTools
• 14. Performance Timeline API
• 15. Navigation Timing API و FCP
• 16. User Timing API برای علامت‌گذاری سفارشی
• 17. RUM در مقابل داده‌های آزمایشگاهی
• 18. جمع‌آوری داده میدانی با GA4 و Search Console
• 19. کتابخانه web-vitals
• 20. گزارش‌دهی FCP با web-vitals
• 21. دیباگ عملکرد در پنل Performance DevTools
• 22. اصل main thread blocking
• 23. منابع بلاک‌کننده رندر
• 24. مسیر رندرینگ بحرانی
• 25. بهینه‌سازی CSS برای FCP
• 26. Inline کردن CSS بحرانی
• 27. بهینه‌سازی ارائه CSS
• 28. استراتژی‌های بارگذاری فونت
• 29. بهینه‌سازی فونت‌های وب
• 30. تأثیر بهینه‌سازی تصاویر بر FCP
• 31. رابطه LCP و FCP
• 32. اجرای JavaScript و FCP
• 33. Code Splitting و Tree Shaking
• 34. اسکریپت‌های طرف ثالث و FCP
• 35. تگ‌های تبلیغاتی و تحلیل و FCP
• 36. زمان پاسخ سرور (TTFB) و FCP
• 37. CDN و حافظه نهان لبه
• 38. استراتژی‌های کشینگ
• 39. Service Workers و FCP
• 40. پیش‌بارگذاری و پیش‌اتصال
• 41. Resource Hints برای FCP
• 42. SSR و تأثیر بر FCP
• 43. SSG و بهبود FCP
• 44. FCP در فریمورک‌های SPA
• 45. Hydration و FCP
• 46. بهینه‌سازی عملکرد React
• 47. بهینه‌سازی عملکرد Vue
• 48. بهینه‌سازی FCP در Next.js
• 49. بهینه‌سازی FCP در Nuxt.js
• 50. بهینه‌سازی FCP در وردپرس
• 51. پلاگین‌های CMS و تأثیر بر FCP
• 52. Lazy Loading و FCP
• 53. اسکریپت‌های Deferred
• 54. Async در مقابل Defer
• 55. Minification و Compression
• 56. Brotli و Gzip
• 57. HTTP/2 و HTTP/3
• 58. رندرینگ مرورگر و رویداد Paint
• 59. First Paint در مقابل FCP
• 60. Layout Shift و FCP
• 61. CLS و FCP
• 62. TTFB، FCP، LCP و ترتیب
• 63. امتیاز کلی PSI و FCP
• 64. تفاوت امتیاز و مقدار واقعی FCP
• 65. مقایسه PSI با GTmetrix و WebPageTest
• 66. فیلمستیک WebPageTest و FCP
• 67. ابزارهای جایگزین: DebugBear، Calibre
• 68. مانیتورینگ FCP در طول زمان
• 69. ادغام PSI در CI/CD
• 70. GitHub Actions و API PSI
• 71. بودجه FCP و تنظیم SLA
• 72. هشدار در برابر رگرسیون FCP
• 73. تحلیل داده‌های تاریخی FCP
• 74. شناسایی رگرسیون عملکرد
• 75. A/B تست بهبود FCP
• 76. Anti-patternهای رایج FCP
• 77. دیاگنوستیک بottleneck FCP
• 78. راهنمای گام‌به‌گام بهبود FCP
• 79. چک‌لیست بهینه‌سازی FCP
• 80. مشکلات FCP مخصوص موبایل
• 81. تست روی دستگاه‌های کم‌حافظه
• 82. تأثیر CDN منطقی
• 83. تست FCP برای مخاطبان بین‌المللی
• 84. FCP و دسترسی‌پذیری
• 85. روندهای FCP در ۲۰۲۵
• 86. آینده اندازه‌گیری FCP