اندازه گیری زمان دستکاری DOM در جاوا اسکریپت کمک می کند تا عملکرد صفحه وب را بهینه سازی کند و درک کند که اسکریپت های طولانی برای به روز رسانی مدل Object Document (DOM) می توانند تنگناها را شناسایی کرده و تجربه کاربر را بهبود بخشند.

روش های اندازه گیری زمان تنظیم DOM

استفاده از ابزارهای مرورگر داخلی ساده ترین راه برای اندازه گیری عملکرد دستکاری DOM است. API عملکردی اطلاعات زمان بندی دقیق را برای عملیات جاوا اسکریپت فراهم می کند.

استفاده از API Performance

API عملکرد به توسعه دهندگان اجازه می دهد تا نقاط خاصی را در کد علامت گذاری کنند و زمان بین آنها را اندازه گیری کنند.این به تعیین اینکه به روز رسانی های طولانی DOM چه مدت طول می کشد کمک می کند.

کد مثال:

[در این باره]

در اینجا دستکاری DOM را انجام دهید.

[[ویرایش]

[[ویرایش]

سپس اندازه گیری را بازیابی کنید:

[FLT3]

[در این میان] [در این میان] [و [از این رو] [و [از این رو] [و] [و [در این میان]] [و [از این رو] [در قیامت]] [از آن] بهره مند می شوند.

بهترین تمرین ها برای اندازه گیری دقیق

برای اطمینان از نتایج دقیق، چندین بار اندازه گیری کنید و به طور متوسط نتایج را از اسکریپت های دیگر که به طور همزمان اجرا می شوند، اجتناب کنید که می تواند بر زمان بندی تاثیر بگذارد.

نکات اضافی

  • استفاده از |Squest AnimationFrame برای اندازه گیری به روز رسانی های بصری.
  • اسکریپت های غیر ضروری در طول تست
  • پروفایل با ابزار توسعه دهنده مرورگر برای بینش دقیق