Мы делаем мини-приложеньица HTML5/JS и для безболезненной интеграции в базовые страницы используем iframe. Избегаем проблем в общих областях видимости js и css, не беспокоимся, какие библиотеки у главного окна.
Но! Нам теперь потребовалось и в наши работы интегрировать чужое. Опять нет времени согласовать требования по тесной интеграции и вот думаю - второй вложенный iframe.
Оно работает - но не будет ли падать, например, на мобильных платформах?
Кто в курсе как браузеры расходуют ресурсы при создании iframe? Ведь это по сути три рабочих окна - исходное и два вложенных iframe.
У нас это не онлайн, а либо локально, либо из контейнера типа EPUB (там уже похоже на http).
И главная задача - изолировать контент друг от друга, чтобы обеспечить простейшую интеграцию, не беспокоясь о пространствах имён в js, css и конфликтах имён файлов.
Если все это Ваше - то только выносить все стили и скрипты в head-блок и далее загружать тот контент в body, который необходим в нужные блоки. По-русски - шаблонизировать представление.