iframe cho mức tách biệt mạnh nhất — CSS và JavaScript của mỗi mảnh tách biệt hoàn toàn, không xung đột với nhau — và dễ nhúng app cũ hoặc app khác stack.
- Nhưng đổi lại UX kém: routing và deep-link khó đồng bộ, chia sẻ state phải qua
postMessage, tự động resize chiều cao phức tạp, SEO yếu (nội dung trong iframe khó index), accessibility và quản lý focus khó, và tải nặng hơn. - Hình dung như nhúng một ứng dụng bên thứ ba vào trang.
- Lưu ý: dùng iframe cho micro-frontend nội bộ thường mang lại nhiều phiền toái UX hơn là lợi ích — chỉ nên chọn khi cần tách biệt tuyệt đối, ví dụ nhúng app legacy hoặc app bên thứ ba không kiểm soát được.