یکی از چیزهایی که می‌تواند در عملکرد برنامه مشکل ایجاد کند گیرنده‌های ورودی هستند. به تابع‌هایی که تنظیم می‌کنید در هنگام ورودی‌های کاربر مثل کلیک و… اجرا شوند input handler یا گیرنده‌ی ورودی می‌گوییم. این گیرنده‌ها می‌توانند جلوی کامل شدن فریم را بگیرند و باعث انجام صفحه‌آرایی‌های غیر ضروری شوند.

مرحله‌ی Composite یا ترکیب، مرحله‌ایست که در آن قسمت‌های مختلف صفحه که قبلاً ترسیم شده‌اند با هم ترکیب می‌شوند. به هر کدام از این قسمت‌ها یک لایه می‌گوییم. دو عامل مهم در بهینه‌سازی این بخش تأثیر دارند: یکی تعداد لایه‌ها و دیگر ویژگی‌های CSS که برای انیمیشن از آن‌ها استفاده می‌کنید.

به فرآیند پر شدن پیکسل‌ها که نهایتاً پس از ترکیب، روی صفحه‌ی نمایش کاربر دیده می‌شوند Paint یا ترسیم گفته می‌شود. خلاصه:   همیشه هر کدام از ویژگی‌های CSS که تغییر کنند ترسیم انجام می‌شود، به استثنای دو ویژگی transform و opacity. ترسیم پرهزینه‌ترین مرحله در pixel pipeline است و باید تا حد امکان از …

«صفحه‌آرایی» یا همان Layout فرآیندی است که در آن مرورگر مشخّصات هندسی عناصر را به دست می‌آورد: یعنی اندازه‌ی آن‌ها و مکان دقیقشان روی صفحه. بر اساس کدهای CSS نوشته شده، محتوای داخل عنصر، یا عنصرِ پدر، اندازه‌ی عنصرها مشخّص می‌شود. این فرآیند در مرورگرهای Chrome، Opera، Safari و Internet Explorer به نام Layout معروف …

تغییر دادن DOM از طریق حذف عناصر، تغییر attributeهایشان، کلاس‌هایشان یا توسّط انیمیشن، همه و همه باعث می‌شوند تا مرورگر دوباره استایل‌ها را بررسی کند و ببیند به چه عناصری باید چه استایل‌هایی اعمال شود و خیلی وقت‌ها چیدمان صفحه یا قسمتی از آن را درست کند. به این فرآیند «محاسبه‌ی استایل‌های نهایی» یا «computed …

معمولاً کدهای جاوااسکریپت تغییراتی در ظاهر صفحه ایجاد می‌کنند که از این پس به این تغییرات «تغییرات ظاهری» می‌گوییم. گاهی اوقات این کار مستقیماً از طریق دست‌کاری استایل‌ها انجام می‌شود و بعضی وقت‌ها این تغییرات ظاهری نتیجه‌ی محاسبات و پردازش‌هایی خاص است، مثل جستجو یا مرتّب‌سازی اطّلاعات. معمولاً مشکل اصلی بهینه نبودن این مرحله به …