يشير مصطلح تحسين مسار العرض الحرج إلى منح الأولوية لعرض المحتوى المرتبط بإجراء المستخدم الحالي.
إنّ تقديم تجربة ويب سريعة يتطلب الكثير من العمل من جانب المتصفّح. ويكون معظم هذا العمل مخفيًا عنّا كمطوّري برامج على الويب، فنحن نكتب الترميز وتظهر صفحة جميلة المظهر على الشاشة. ولكن كيف ينتقل المتصفح بالضبط من استخدام HTML وCSS وJavaScript إلى وحدات البكسل المعروضة على الشاشة؟
يتمثّل هدف تحسين الأداء في فهم ما يحدث في هذه الخطوات الوسيطة بين تلقّي وحدات بايت HTML وCSS وJavaScript والمعالجة المطلوبة لتحويلها إلى وحدات بكسل معروضة، ما يُشكّل مسار العرض الحرج.
ومن خلال تحسين مسار العرض الحرج، يمكننا بشكل كبير تحسين الوقت اللازم لعرض الصفحات لأول مرة. بالإضافة إلى ذلك، يعمل فهم مسار العرض الحرج كأساس لإنشاء تطبيقات تفاعلية ذات أداء جيد. وعملية التحديثات التفاعلية هي نفسها، ويتم إجراؤها فقط في تكرار مستمر، ومن الأفضل إجراءها بمعدّل 60 لقطة في الثانية! لكن أولاً، نظرة عامة حول كيفية عرض المتصفح لصفحة بسيطة.
مراجع إضافية
- إنشاء نموذج الكائن
- بناء شجرة العرض وتصميمها وطلاءها
- عرض حظر CSS
- إضافة التفاعل باستخدام JavaScript
- قياس مسار العرض الحرج
- تحليل أداء مسار العرض الحرج
- تحسين مسار العرض الحرج
- قواعد واقتراحات PageSpeed