تحسين مسار العرض الحرج
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
لضمان أسرع وقت ممكن للعرض الأول، نحتاج إلى تقليل ثلاثة متغيرات:
- عدد الموارد الحرجة.
- طول المسار الحرج.
- عدد وحدات البايت الحرجة.
المورد المهم هو مورد يمكنه حظر العرض الأولي للصفحة. وكلما قلّ عدد هذه الموارد، قلّ الجهد المبذول في المتصفح ووحدة المعالجة المركزية (CPU) والموارد الأخرى.
وبالمثل، فإنّ طول المسار الحرج هو دالة في الرسم البياني للتبعية بين الموارد المهمة وحجم وحدات البايت الخاصة بها: لا يمكن بدء بعض عمليات تنزيل الموارد إلا بعد معالجة مورد سابق، وكلما زاد حجم المورد، زاد عدد جولات الذهاب والإياب اللازمة للتنزيل.
وأخيرًا، كلما قلّ عدد وحدات البايت الحرجة التي يجب على المتصفح تنزيلها، زادت سرعة معالجة المحتوى وعرضه على الشاشة. لتقليل عدد وحدات البايت، يمكننا تقليل عدد الموارد (إزالتها أو جعلها غير مهمة) والتأكّد من تقليل حجم النقل عن طريق ضغط كل مورد وتحسينه.
التسلسل العام للخطوات لتحسين مسار العرض الحرج هو:
- تحليل المسار الحرج وتمييزه: عدد الموارد ووحدات البايت والطول.
- قلل من عدد الموارد المهمة: إزالتها، وتأجيل تنزيلها، ووضع علامة عليها كغير متزامنة، وما إلى ذلك.
- تحسين عدد وحدات البايت المهمة لتقليل وقت التنزيل (عدد عمليات الإرسال والاستقبال).
- تحسين ترتيب تحميل الموارد المهمة المتبقية: تنزيل جميع مواد العرض المهمة في أقرب وقت ممكن لتقصير طول المسار الحرج.
ملاحظات
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص 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 (حسب التوقيت العالمي المتفَّق عليه)"],[],[]]