کتاب اندازه‌گیری FCP با PageSpeed Insights با فرمت AZW3 برای کتابخوان کیندل و فرمت EPUB

انتخاب پلن

انتخاب پلن برای ادامه خرید الزامی است.

پرداخت اقساطی
در صورت خرید اقساطی هر قسط: 62,488 تومان
۴ قسط ماهانه. بدون سود، چک و ضامن.
پرداخت اقساطی با دیجی‌پی پرداخت اقساطی با ترب‌پی

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

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

عنوان دوره: دوره اندازه‌گیری 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
تگ‌ها: core-web-vitals critical-rendering-path crUX cwv fcp-optimization first-contentful-paint frontend-performance google-page-speed lighthouse pagespeed-insights performance-monitoring ps-api rum web-performance web-vitals

نظرات

هنوز نظری ثبت نشده است.

وارد شوید تا نظر ثبت کنید.