مسار العرض الحرج
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
يشير مصطلح تحسين مسار العرض الحرج إلى منح الأولوية لعرض المحتوى المرتبط بإجراء المستخدم الحالي.
إنّ تقديم تجربة ويب سريعة يتطلب الكثير من العمل من جانب المتصفّح. ويكون معظم
هذا العمل مخفيًا عنّا كمطوّري برامج على الويب، فنحن نكتب الترميز وتظهر صفحة
جميلة المظهر على الشاشة. ولكن كيف ينتقل المتصفح بالضبط من استخدام
HTML وCSS وJavaScript إلى وحدات البكسل المعروضة على الشاشة؟
يتمثّل هدف تحسين الأداء في فهم ما يحدث في هذه الخطوات الوسيطة بين تلقّي وحدات بايت HTML وCSS وJavaScript والمعالجة المطلوبة لتحويلها إلى وحدات بكسل معروضة، ما يُشكّل مسار العرض الحرج.
ومن خلال تحسين مسار العرض الحرج، يمكننا بشكل كبير تحسين الوقت اللازم لعرض الصفحات لأول مرة. بالإضافة إلى ذلك، يعمل فهم مسار العرض الحرج كأساس لإنشاء تطبيقات تفاعلية ذات أداء جيد. وعملية التحديثات التفاعلية هي نفسها، ويتم إجراؤها فقط في تكرار مستمر، ومن الأفضل إجراءها بمعدّل 60 لقطة في الثانية!
لكن أولاً، نظرة عامة حول كيفية عرض المتصفح لصفحة بسيطة.
مراجع إضافية
إضافة ملاحظات
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة 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\u064a\u062e \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0623\u062e\u064a\u0631: 2014-03-31 (\u062d\u0633\u0628 \u0627\u0644\u062a\u0648\u0642\u064a\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0627\u0644\u0645\u062a\u0641\u0651\u064e\u0642 \u0639\u0644\u064a\u0647)"}
[[["يسهُل فهم المحتوى.","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 (حسب التوقيت العالمي المتفَّق عليه)"],[],[]]