مسیر رندر بحرانی
با مجموعهها، منظم بمانید
ذخیره و دستهبندی محتوا براساس اولویتهای شما.
بهینه سازی مسیر رندر بحرانی به اولویت بندی نمایش محتوای مربوط به عملکرد فعلی کاربر اشاره دارد.
ارائه یک تجربه وب سریع نیاز به کار زیادی توسط مرورگر دارد. بیشتر این کار از ما به عنوان توسعه‌دهندگان وب پنهان است: ما نشانه‌گذاری را می‌نویسیم و یک صفحه زیبا روی صفحه ظاهر می‌شود. اما دقیقاً چگونه مرورگر از مصرف HTML، CSS و جاوا اسکریپت ما به پیکسل های رندر شده روی صفحه می رود؟
بهینه‌سازی عملکرد به معنای درک این است که در این مراحل میانی بین دریافت بایت‌های HTML، CSS و جاوا اسکریپت و پردازش مورد نیاز برای تبدیل آنها به پیکسل‌های رندر شده چه اتفاقی می‌افتد - این مسیر حیاتی رندر است.
با بهینه سازی مسیر رندر حیاتی، می توانیم زمان اولین رندر صفحات خود را به میزان قابل توجهی بهبود دهیم. علاوه بر این، درک مسیر رندر بحرانی نیز به عنوان پایه ای برای ساخت برنامه های تعاملی با عملکرد خوب عمل می کند. روند به روز رسانی تعاملی یکسان است، فقط در یک حلقه پیوسته و در حالت ایده آل با سرعت 60 فریم در ثانیه انجام می شود! اما ابتدا مروری بر نحوه نمایش یک صفحه ساده توسط مرورگر.
منابع اضافی
بازخورد
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین بهروزرسانی 2014-03-31 بهوقت ساعت هماهنگ جهانی.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"اطلاعاتی که نیاز دارم وجود ندارد"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"بیشازحد پیچیده/ مراحل بسیار زیاد"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"قدیمی"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"مشکل ترجمه"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"مشکل کد / نمونهها"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"غیره"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"درک آسان"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"مشکلم را برطرف کرد"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"غیره"
}]
{"lastModified": "\u062a\u0627\u0631\u06cc\u062e \u0622\u062e\u0631\u06cc\u0646 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc 2014-03-31 \u0628\u0647\u200c\u0648\u0642\u062a \u0633\u0627\u0639\u062a \u0647\u0645\u0627\u0647\u0646\u06af \u062c\u0647\u0627\u0646\u06cc."}
[[["درک آسان","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"]],["تاریخ آخرین بهروزرسانی 2014-03-31 بهوقت ساعت هماهنگ جهانی."],[],[]]
