طرح بندی و رندر 60 فریم بر ثانیه
با مجموعهها، منظم بمانید
ذخیره و طبقهبندی محتوا براساس اولویتهای شما.
سرعت 60 فریم در ثانیه در پروژه های شما به طور مستقیم با تعامل کاربر مرتبط است و برای موفقیت آن بسیار مهم است. در این سخنرانی نات و تام در مورد خط لوله رندر کروم، برخی از دلایل رایج افت فریم ها و نحوه جلوگیری از آنها صحبت کردند.
اسلایدها
- طول یک فریم 16 میلیثانیه است. این شامل جاوا اسکریپت، محاسبات سبک، نقاشی و ترکیب است.
- نقاشی بسیار گران است. طوفان رنگ جایی است که شما بیهوده کارهای گران قیمت را تکرار می کنید.
- از لایه ها برای ذخیره عناصر نقاشی شده استفاده می شود.
- کنترل کننده های ورودی (شنوندگان لمسی و چرخ ماوس) می توانند پاسخگویی را از بین ببرند. اگر می توانید از آنها اجتناب کنید جایی که نمی توانید آنها را به حداقل برسانید.
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین بهروزرسانی 2025-07-25 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2025-07-25 بهوقت ساعت هماهنگ جهانی."],[],["Maintaining 60fps is vital for user engagement. The rendering pipeline involves JavaScript, styling, painting, and compositing within a 16ms frame. Painting is resource-intensive, particularly in \"Paint Storms,\" where it's repeatedly done unnecessarily. Layers cache painted elements to reduce this burden. Input handlers, such as touch and mousewheel listeners, can significantly impact responsiveness; thus, their usage should be minimized.\n"]]