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