التنسيق والعرض بسرعة 60 لقطة في الثانية
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
ويرتبط بلوغ 60 إطارًا في الثانية في مشاريعك ارتباطًا مباشرًا بتفاعل المستخدم، وهو أمر بالغ الأهمية لنجاحها. في هذا الحديث تحدثت نات وتوم عن مسار عرض Chrome، وبعض الأسباب الشائعة لإسقاط الإطارات وكيفية تجنبها.
العروض التقديمية من Google
- ويبلغ طول الإطار 16 مللي ثانية. وهو يحتوي على جافا سكريبت، وعمليات حسابية للأنماط، ورسومات، وتركيب.
- تكلفة اللوحة مكلفة للغاية. تتيح لك أداة "Paint Storm" تكرار أعمال الدهان المكلفة بدون داعٍ.
- يتم استخدام الطبقات لتخزين العناصر المطلية مؤقتًا.
- يمكن أن تؤدي معالجات الإدخال (أدوات معالجة اللمس وعجلة الماوس) إلى قذف الاستجابة؛ لذا يجب تجنبها إن أمكن. حيث لا يمكنك الاحتفاظ بها في حدها الأدنى.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة 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"]]
