دوره آموزشی وانیلا جاوا اسکریپت: API های بهینه سازی عملکرد وب
1 ساعت 43 دقیقهپیشرفته2018-10-30
مدرسین

Maximiliano Firtman
Mobile and Web Developer, Trainer, Speaker, Writer
جزئیات دوره
با استفاده از APIهای عملکردی که در مرورگرهای مدرن تعبیه شدهاند، میتوانید عملکرد وبسایتها و برنامههای خود را اندازهگیری کنید و تغییرات «زنده» در محتوا، پیمایش صفحه و موارد دیگر ایجاد کنید. این به شما امکان می دهد تجربه سریعتر و بهتری برای همه کاربران خود ایجاد کنید: برای کاربر دسکتاپ در وای فای پرسرعت یا کاربر تلفن همراه با سیگنال ضعیف. این دوره نحوه جمعآوری معیارهای واقعی را از دستگاههای واقعی با چهار API مفید نشان میدهد: جدول زمانی عملکرد، زمانبندی ناوبری، زمانبندی کاربر و زمانبندی منابع. مربی Maximiliano Firtman نحوه دسترسی و اعمال APIها با جاوا اسکریپت وانیلی و استفاده از تکنیک های برنامه نویسی واکنشی - مانند beacons و multithreading - را برای بهینه سازی کدها به گونه ای که تا حد امکان کارآمدتر اجرا شود، نشان می دهد.
اهداف یادگیری
آشنایی با APIهای عملکرد
زمان بندی ناوبری
نقاط عطف را در جدول زمانی عملکرد محاسبه کنید
اندازه گیری زمان ناوبری، منابع، سرورها و موارد دیگر
خواندن اطلاعات شبکه و دستگاه
بهینه سازی کد
اهداف یادگیری
آشنایی با APIهای عملکرد
زمان بندی ناوبری
نقاط عطف را در جدول زمانی عملکرد محاسبه کنید
اندازه گیری زمان ناوبری، منابع، سرورها و موارد دیگر
خواندن اطلاعات شبکه و دستگاه
بهینه سازی کد
مهارت ها
JavaScriptOracleProgramming LanguagesSoftware DevelopmentDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - API ها را با جاوا اسکریپت بهینه کنید
- 02 - آنچه باید بدانید
1. عملکرد وب واکنشی
- 03 - نیاز به APIهای عملکرد وب
- 04 - خلاصه کارهایی که می توانیم انجام دهیم
- 05 - نظارت واقعی کاربر (RUM) و عملکرد وب واکنشی
- 06 - زمان را اندازه گیری کنید
- 07 - زمان بندی با وضوح بالا
2. مبانی عملکرد
- 08 - زمان بندی ناوبری سطح 1
- 09 - زمان بندی های موجود را درک کنید
- 10 - نقاط عطف را در جدول زمانی محاسبه کنید
- 11 - رابط زمانبندی عملکرد
- 12 - زمان بندی ناوبری سطح 2
3. اندازه گیری عملکرد
- 13 - اندازه گیری وب سایت های ما
- 14 - Navigation Timing API را اضافه کنید
- 15 - از Resource Timing API استفاده کنید
- 16 - زمان بندی سفارشی کاربر را ایجاد کنید
- 17 - زمان رنگ را دریافت کنید
- 18 - کارهای طولانی را تشخیص دهید
- 19 - افت نرخ فریم را تشخیص دهید
- 20 - اطلاعات زمان بندی سرور را اضافه کنید
4. یاوران تصمیم گیری
- 21 - اطلاعات شبکه را بخوانید
- 22 - حافظه دستگاه را بخوانید
- 23 - داده ها را برای کاربران خود ذخیره کنید
- 24 - نکات مشتری را در سرور دریافت کنید
5. کد را کارآمدتر اجرا کنید
- 25 - درخواست های با اولویت پایین را با بیکن ارسال کنید
- 26 - اجرای نرخ فریم را درک کنید
- 27 - کد کنترل انیمیشن را اجرا کنید
- 28 - وظایف پس زمینه را اجرا کنید
- 29 - اسکریپت بازده کارآمد
نتیجه
- 30 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی جاوا اسکریپت: Web Workers
- دوره آموزشی جاوا اسکریپت: Service Workers
- دوره آموزشی جاوا اسکریپت: Ajax and Fetch آپدیت (2019)
- دوره آموزشی یادگیری برنامه سازی با جاوا اسکریپت وانیلی
- دوره آموزشی جاوااسکریپت: Ajax و Fetch
- دوره آموزشی جاوا اسکریپت: برنامه های کاربردی وب پیشرفته
- دوره آموزشی جاوا اسکریپت وانیلا: انیمیشن ها
- دوره آموزشی OpenAI API: ساخت برنامههای صوتی فرانتاند با استفاده از Realtime API و WebRTC