آموزش بهینه سازی عملکرد برنامه های وب سازمانی

آموزش بهینه‌سازی عملکرد برنامه‌های وب سازمانی با نام اصلی Learning Enterprise Web Application Performance به بررسی روش‌ها و ابزارهای اندازه‌گیری و بهبود عملکرد برنامه‌های وب در محیط‌های سازمانی می‌پردازد. در این دوره با مفاهیمی مانند Web Performance Optimization، معیارهای عملکرد، نمودارهای Waterfall، Lighthouse، ابزارهای توسعه مرورگرها، بهینه‌سازی شبکه، Parsing و Rendering، Cache، Service Worker و تجربه کاربری هنگام تعامل با برنامه‌های وب آشنا می‌شوید.

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

در این دوره ابتدا با مفهوم Web Performance Optimization (WPO) و اهمیت آن در محیط‌های سازمانی آشنا می‌شوید. سپس یاد می‌گیرید تلاش‌های مربوط به بهبود عملکرد را در بخش‌های مناسب متمرکز کنید، اهداف عملکرد و ادراک کاربر را در نظر بگیرید و تفاوت‌های مهم در تجربه استفاده از وب روی دستگاه‌های موبایل را بررسی کنید.

اندازه‌گیری و تحلیل عملکرد برنامه‌های وب

برای بهبود عملکرد، ابتدا باید بتوانید آن را به‌درستی اندازه‌گیری و تحلیل کنید. در این بخش با Waterfall Chart، فرمت HAR، Performance Milestones، Filmstrip و Speed Index آشنا می‌شوید و نحوه اندازه‌گیری عملکرد روی پلتفرم‌ها و شبکه‌های مختلف را یاد می‌گیرید. همچنین ابزارهایی مانند WebPagetest، Microsoft Edge Developer Tools، Safari Developer Tools، Firefox Developer Tools، Google Chrome Developer Tools و Lighthouse برای بررسی عملکرد معرفی می‌شوند.

بهبود زمان بارگذاری، عملکرد کاربران بازگشتی و تجربه تعامل

بخش‌های عملی دوره به بهینه‌سازی مراحل مختلف بارگذاری صفحه، شبکه، Parsing، Rendering و تصاویر اختصاص دارند. همچنین با Cache، پیش‌دریافت منابع برای نیازهای احتمالی آینده و Service Worker آشنا می‌شوید و روش‌هایی برای ارائه بازخورد سریع به کاربر و حفظ نرخ فریم مناسب هنگام تعامل با برنامه‌های وب بررسی می‌کنید.

سرفصل مطالب آموزش ویدئویی بهینه‌سازی عملکرد برنامه‌های وب سازمانی

فصل اول: مقدمه

• خوش‌آمدگویی
• آنچه باید بدانید

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

• بهینه‌سازی عملکرد وب (WPO)
• WPO در دنیای سازمانی
• تمرکز بر بخش‌های مهم برای بهینه‌سازی
• اهداف عملکرد و ادراک کاربر
• آشنایی با وب موبایل

فصل سوم: نمودارها و معیارهای عملکرد

• نمودار Waterfall
• فرمت HAR
• نقاط عطف عملکرد
• نمایش Filmstrip
• Speed Index

فصل چهارم: اندازه‌گیری عملکرد

• اندازه‌گیری روی پلتفرم‌های مختلف
• اندازه‌گیری روی شبکه‌های مختلف
• استفاده از WebPagetest
• ایجاد Script با WebPagetest
• استفاده از ابزارهای توسعه Microsoft Edge
• استفاده از ابزارهای توسعه Safari
• استفاده از ابزارهای توسعه Firefox
• استفاده از Google Chrome Developer Tools
• استفاده از Lighthouse
• اندازه‌گیری روی Android و iOS
• اندازه‌گیری در محیط Production با APIها

فصل پنجم: بهبود تجربه بارگذاری

• مرور مراحل بارگذاری
• بهینه‌سازی شبکه، بخش اول
• بهینه‌سازی شبکه، بخش دوم
• بهینه‌سازی Parsing
• بهینه‌سازی Rendering
• بهینه‌سازی تصاویر
• دستیابی به عملکرد بسیار سریع هنگام بارگذاری

فصل ششم: بهبود عملکرد کاربران بازگشتی

• آشنایی با دوست جدیدتان، Cache
• دریافت منابع برای آینده احتمالی
• استفاده عملی از Service Worker
• ایده‌های پیشرفته Service Worker

فصل هفتم: بهبود تجربه تعامل

• ارائه بازخورد فوری
• حفظ نرخ فریم ثابت

فصل هشتم: جمع‌بندی

• گام‌های بعدی