إضافة العناصر دفعة واحدة

كل استدعاء لـ append على عنصر داخل الصفحة قد يُجبر المتصفح على إعادة حساب مواضع العناصر، فإذا أضفت ألف عنصر في حلقة فقد يعيد الحساب ألف مرّة.

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

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