Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

مسار العرض الحرج

يعد تحسين مسار العرض الحرج أمرًا ضروريًا لتحسين أداء الصفحات: والهدف هو وضع عرض المحتوى المتعلق بالإجراء الأساسي الذي يريد المستخدم وضعه على الصفحة في الأولوية.

يتطلب تقديم انطباع بالسرعة على الويب الكثير من العمل في المتصفح. وبصفتنا مطوِّري ويب، لا يظهر لنا معظم هذا العمل: ذلك أننا نكتب الترميز، ثم تظهر صفحة رائعة على الشاشة. ولكن كيف يتمكن المتصفح بشكل محدد من الانتقال من استخدام HTML وCSS وجافا سكريبت إلى وحدات بكسل المعروضة على الشاشة؟

يتعلق تحسين الأداء بشكل عام باستيعاب ما يحدث في هذه الخطوات الوسيطة بين تلقي وحدات بايت في HTML وCSS وجافا سكريبت والمعالجة المطلوبة لتحويلها إلى وحدات بكسل معروضة - وهي مسار العرض الحرج.

عرض الصفحة التقدمي

من خلال تحسين مسار العرض الحرج، يمكننا تحسين وقت العرض الأول على الصفحات إلى حد كبير. علاوة على ذلك يساعد استيعاب مسار العرض الحرج أيضًا في توفير أساس لتصميم تطبيقات تفاعلية بأداء جيد. وقد اتضح لنا أن عملية معالجة التحديثات التفاعلية تتم على نحو مماثل، وأنها تتم في حلقة متواصلة وبشكل مثالي على 60 إطارًا في الثانية. ولكن يجب ألا نستبق الأحداث. أولاً، دعونا نلق نظرة سريعة وعامة على كيفية عرض المتصفح لصفحة بسيطة.

Critical Rendering Path

You will learn how to optimize any website for speed by diving into the details of how mobile and desktop browsers render pages.

You’ll learn about the Critical Rendering Path, or the set of steps browsers must take to convert HTML, CSS and JavaScript into living, breathing websites. From there, you’ll start exploring and experimenting with tools to measure performance and simple strategies to deliver the first pixels to the screen as early as possible. You’ll learn how to dive into recommendations from PageSpeed Insights and the Timeline view of Google Chrome’s Developer Tools to find the data you need to achieve immediate performance boosts!

This is a free course offered through Udacity

Take Course