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

مقدمه Introduction

• بهینه سازی API ها با JavaScript Optimize APIs with JavaScript

• آنچه باید بدانید What you should know

1. عملکرد وب واکنش پذیر 1. Reactive Web Performance

• نیاز به API های عملکرد وب The need for web performance APIs

• خلاصه کاری که می توانیم انجام دهیم Summary of what we can do

• نظارت کاربر واقعی (RUM) و عملکرد وب واکنش پذیر Real user monitoring (RUM) and reactive web performance

• زمان را اندازه گیری کنید Measure time

• زمان بندی با وضوح بالا High-resolution timings

2. مبانی عملکرد 2. Performance Basics

• زمان بندی پیمایش سطح 1 Navigation Timing Level 1

• زمانهای موجود را درک کنید Understand timings available

• نقاط عطف را در جدول زمانی محاسبه کنید Calculate milestones in the timeline

• رابط کاربری جدول زمانی The Performance Timeline interface

• زمان بندی پیمایش سطح 2 Navigation Timing Level 2

3. عملکرد را اندازه گیری کنید 3. Measure Performance

• اندازه گیری وب سایت های ما Measuring our websites

• API زمان بندی ناوبری را اضافه کنید Add the Navigation Timing API

• از API Resource Timing استفاده کنید Use the Resource Timing API

• زمان بندی کاربر سفارشی ایجاد کنید Create custom user timing

• زمان بندی رنگ را دریافت کنید Get paint timing

• کارهای طولانی را تشخیص دهید Detect long tasks

• قطره های فریم را تشخیص دهید Detect frame rate drops

• اطلاعات زمان سرور را اضافه کنید Add server timing information

4- یاران تصمیم گیری 4. Decision-Making Helpers

• اطلاعات شبکه را بخوانید Read network information

• حافظه دستگاه را بخوانید Read device memory

• ذخیره داده برای کاربران خود Save data for your users

• دریافت نکات مشتری روی سرور Receive client hints on the server

5. اجرای کد به طور مؤثرتر 5. Execute Code More Efficiently

• درخواستهای دارای اولویت کم با چراغها را ارسال کنید Send low-priority requests with beacons

• اجرای نرخ فریم را درک کنید Understand frame rate execution

• کد کنترل انیمیشن را اجرا کنید Execute animation control code

• کارهای پس زمینه را انجام دهید Execute background tasks

• بازده اسکریپت کارآمد Efficient script yielding

نتیجه Conclusion

• مراحل بعدی Next steps