إن مسار العرض الحرج (critical rendering path) هو تسلسل الخطوات التي ينفّذها المتصفح لتحويل HTML و CSS و JS إلى بكسلات على الشاشة. وأي شيء يجب أن ينتهي قبل أول رسم يكون حاجبًا للعرض (render-blocking).
إن مسار العرض الحرج (critical rendering path) هو تسلسل الخطوات التي ينفّذها المتصفح لتحويل HTML و CSS و JS إلى بكسلات على الشاشة. وأي شيء يجب أن ينتهي قبل أول رسم يكون حاجبًا للعرض (render-blocking).
<script> العادي يوقف تحليل HTML بينما يُنزَّل ويعمل.<!-- Blocks parsing: browser waits here before continuing -->
<script src="/app.js"></script>
<!-- defer: download in parallel, run after HTML is parsed, in order -->
<script src="/app.js" defer></script>
<!-- async: download in parallel, run as soon as ready (order not guaranteed) -->
<script src="/analytics.js" async></script>
استخدم defer لشيفرة التطبيق التي تلمس DOM، وasync للنصوص المستقلة مثل التحليلات (analytics). ضمّن CSS الحرج مباشرةً وحمّل الباقي دون حجب.
هذا هو النموذج الذهني وراء كل إصلاح لزمن التحميل تقريبًا: فـ CSS/JS الحاجب للعرض هو السبب الأول لبطء أول رسم وضعف LCP. ومعرفة لماذا وُجد defer/async تُظهر أنك تفهم المتصفح، لا مجرد بناء الجملة.
مكتبة من أسئلة مقابلات تقنية المعلومات مع إجابات مفصّلة — من المبتدئ إلى المتقدم.
تبرع