يمكن استخدام iframes بسهولة استدعاء صفحات مواقع الويب الأخرى ، ولكن يجب استخدامها بحذر. يستهلك العشرات أو حتى مئات المرات أداءً أكثر من إنشاء عناصر DOM أخرى ، بما في ذلك الأناقة والنص. تُظهر إضافة 100 عنصر مختلف عن الوقت الذي يستهلكه IFRAME للأداء:
عادة ما لا تحتوي الصفحات التي تستخدم iframes على الكثير من الإطارات ، لذلك لا تقلق كثيرًا بشأن إنشاء DOM. ما هو أكثر جدارة للقلق هو أحداث Onload وتجمعات الاتصال.
Iframe كتل Onloadمن المهم جدًا أن يتم تنفيذ حدث Onload للنافذة في أقرب وقت ممكن. سيتيح ذلك إكمال مؤشر تقدم التحميل الخاص بالمتصفح ، وسيحدد المستخدم ما إذا كانت الصفحة قد تم تحميلها بناءً على ذلك. سيجعل تأخير حدث ONLOAD المستخدم أن الصفحة أبطأ.
لن يتم إطلاق حدث Onload للنافذة حتى يتم تشغيل جميع الإطارات التي تحتوي عليها والموارد في جميع الإطارات المحملة بالكامل. في Safari و Chrome ، يمكن أن يؤدي تعيين القيم ديناميكيًا إلى Iframes مع JavaScriptpt إلى تجنب سلوك الحظر هذا.
تجمع اتصاللكل خادم ويب ، يفتح المتصفح فقط بعض الاتصالات. المتصفحات القديمة ، بما في ذلك IE 6/7 و Firefox 2 ، لديها اتصالان فقط لكل مضيف. في المتصفح الجديد ، يزداد عدد الاتصالات. ارتفع Safari 3+ و Opera 9+ إلى 4 ، وزاد Chrome 1+ و IE 8 و Firefox 3 إلى 6.
قد يتوقع المرء تجمع اتصال منفصل لكل iFrame ، ولكن هذا ليس هو الحال. في معظم المتصفحات ، تتم مشاركة الاتصالات بواسطة الصفحة الرئيسية و IFRAME ، مما يعني أنه من الممكن أن تأخذ الموارد في IFRAME الاتصالات المتاحة وحظر تحميل الموارد للصفحة الرئيسية. هذا أمر رائع إذا كان المحتوى الموجود في iframe مهمًا بنفس القدر ، أو أكثر أهمية من الصفحة الرئيسية. ومع ذلك ، بشكل عام ، فإن المحتوى الموجود في IFRAME ليس مهمًا جدًا للصفحة ، ولا يُنصح أن يتناول IFRAME عدد الاتصالات. يتمثل أحد الحلول في تعيين SRC بشكل ديناميكي لـ IFRAME بعد اكتمال تنزيل المورد بأولوية أعلى.
تستخدم خمسة من أفضل 10 مواقع ويب في الولايات المتحدة IFRAMES. يتم استخدام معظمهم لتحميل الإعلانات. هذا ليس مناسبًا جدًا ، ولكن من المفهوم ، أنه طريقة سهلة لإدخال الإعلانات في المحتوى. في كثير من الحالات ، يكون استخدام iframe معقولًا. لكن كن على دراية بتأثير الأداء الذي يحدثه هذا على صفحتك. يرجى استخدامه بحذر ما لم يكن ذلك ضروريًا.