آموزش عملکرد وب برای برنامه های وب پیشرفته
Web Performance for Progressive Web Apps
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
سرفصل ها و درس ها
بررسی اجمالی دوره Course Overview
-
بررسی اجمالی دوره Course Overview
بهینه سازی عملکرد وب چیست؟ What Is Web Performance Optimization?
-
مقدمه Introduction
-
عملکرد وب چیست؟ What Is Web Performance?
-
معیارهای عملکرد وب توضیح داده شده است Web Performance Metrics Explained
-
چرا مهم است؟ Why Does It Matter?
-
عملکرد برای PWA ها Performance for PWAs
-
مرور برنامه آزمایشی Reviewing the Demo Application
-
خلاصه Summary
چگونه می توان عملکرد وب را اندازه گیری کرد How to Measure Web Performance
-
مقدمه Introduction
-
Chrome DevTools Chrome DevTools
-
Throttling شبکه و CPU Network and CPU Throttling
-
گزارش حسابرسی Audit Report
-
گزارش عملکرد زمان اجرا Runtime Performance Report
-
ابزار شخص ثالث Third Party Tools
-
خلاصه Summary
عملکرد ادراک شده Perceived Performance
-
مقدمه Introduction
-
مسیر رندر انتقادی Critical Rendering Path
-
موفقیتهای سریع Quick Wins
-
عملکرد ادراک شده Perceived Performance
-
تغییرات کوچک با تأثیر بزرگ Small Changes with Big Impact
-
اندازه گیری آنچه برای کاربر شما مهم است Measuring What Is Important for Your User
-
خلاصه Summary
بهینه سازی های سمت سرور Server Side Optimizations
-
مقدمه Introduction
-
فشرده سازی Compression
-
ذخیره سازی Caching
-
کوچک سازی و بسته بندی Minification and Bundling
-
نسخه ی نمایشی: کوچک سازی و بسته بندی Demo: Minification and Bundling
-
بهینه سازی کد Code Optimization
-
HTTP2 HTTP2
-
با استفاده از CDN Using a CDN
-
خلاصه Summary
روشهای عملکرد وب واکنشی Reactive Web Performance Techniques
-
مقدمه Introduction
-
رابط فعال عملکرد وب و API اطلاعات شبکه Reactive Web Performance and Network Information API
-
صفحه مشاهده API Page Visibility API
-
تغییر اندازه API مشاهدهگر Resize Observer API
-
Intersection Observer API Intersection Observer API
-
خلاصه Summary
بهینه سازی عملکرد سمت مشتری Client Side Performance Optimization
-
مقدمه Introduction
-
پشتیبانی آفلاین Offline Support
-
بهینه سازی تصویر Image Optimization
-
بهینه سازی قلم وب Web Font Optimization
-
بهینه سازی CSS CSS Optimization
-
بهینه سازی جاوا اسکریپت JavaScript Optimization
-
الگوی PRPL و تجزیه و تحلیل بسته های نرم افزاری PRPL Pattern and Analyzing Bundles
-
خلاصه Summary
https://donyad.com/d/d577
Yaser Mehraban
Yas یک مهندس پیشرو و مستقر در ملبورن است که از ساخت و ساز از سایت های تجاری کوچک تا برنامه های وب تعاملی غنی در مقیاس بزرگ لذت می برد. او بیش از ده سال تجربه توسعه در زیر کمربند خود دارد ، که با توجه به ماهیت تفکر خود ، در عین حال چالش برانگیز و پاداش آور بوده است. او علاقه مند به همه وب است و در اوقات فراغت خود ، جدا از برخی از کارهای چوبی ، در حال خواندن ، نوشتن و کار بر روی جدیدترین و بهترین فناوری ها و چارچوب های وب است. برنامه های وب پیشرفته ، WebAssemble ، API های سمت مشتری ، عملکرد وب ، شما اسم آن را می گذارید ، او همه در کار است.
نمایش نظرات