دوره تصاویر لود تنبل (Lazy Loading) برای بهبود عملکرد وب همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره تصاویر لود تنبل (Lazy Loading) برای بهبود عملکرد وب

موضوع کلی: انتشارات رومیزی

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

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

• 1. مقدمه‌ای بر لود تنبل تصاویر
• 2. چرا لود تنبل تصاویر مهم است؟
• 3. تاثیر لود تنبل بر تجربه کاربری
• 4. تاثیر لود تنبل بر سئو
• 5. اندازه‌گیری عملکرد وب‌سایت قبل از لود تنبل
• 6. معرفی معیارهای اصلی عملکرد وب (PageSpeed Insights, Lighthouse)
• 7. بررسی انواع روش‌های لود تصاویر
• 8. مقایسه لود تنبل با روش‌های سنتی
• 9. پیاده‌سازی لود تنبل با استفاده از HTML (attribute loading)
• 10. لود تنبل با استفاده از JavaScript (Intersection Observer API)
• 11. درک Intersection Observer API
• 12. نحوه تشخیص تصاویر خارج از صفحه با Intersection Observer
• 13. بهینه‌سازی Intersection Observer برای عملکرد بهتر
• 14. پیاده‌سازی لود تنبل با کتابخانه‌های جاوااسکریپت (LazySizes)
• 15. معرفی و بررسی کتابخانه LazySizes
• 16. نصب و راه‌اندازی LazySizes
• 17. تنظیمات و سفارشی‌سازی LazySizes
• 18. پیاده‌سازی لود تنبل با کتابخانه‌های جاوااسکریپت (lozad.js)
• 19. معرفی و بررسی کتابخانه lozad.js
• 20. نصب و راه‌اندازی lozad.js
• 21. تنظیمات و سفارشی‌سازی lozad.js
• 22. لود تنبل تصاویر در فریم‌ورک‌های جاوااسکریپت (React)
• 23. لود تنبل تصاویر در فریم‌ورک‌های جاوااسکریپت (Angular)
• 24. لود تنبل تصاویر در فریم‌ورک‌های جاوااسکریپت (Vue.js)
• 25. مدیریت تصاویر جایگزین (placeholder) در لود تنبل
• 26. بهینه‌سازی تصاویر برای لود تنبل (فرمت، سایز، فشرده‌سازی)
• 27. بهینه‌سازی تصاویر با استفاده از ابزارهای آنلاین
• 28. بهینه‌سازی تصاویر با استفاده از ابزارهای نرم‌افزاری
• 29. تست و دیباگ لود تنبل تصاویر
• 30. رفع مشکلات رایج در پیاده‌سازی لود تنبل
• 31. بررسی سازگاری لود تنبل با مرورگرهای مختلف
• 32. لود تنبل تصاویر در وب‌سایت‌های ریسپانسیو
• 33. لود تنبل تصاویر در وب‌سایت‌های AMP
• 34. تاثیر لود تنبل بر Core Web Vitals
• 35. بهبود Largest Contentful Paint (LCP) با لود تنبل
• 36. بهبود First Input Delay (FID) با لود تنبل
• 37. بهبود Cumulative Layout Shift (CLS) با لود تنبل
• 38. مانیتورینگ و اندازه‌گیری عملکرد لود تنبل تصاویر
• 39. بهینه‌سازی مداوم لود تنبل تصاویر