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