一,使用 iframe 的优缺点
1,优点
实现了页面的“模块化”。比如一个网站的多个页面有统一的导航栏,这样就可以写成一个页面,用 iframe 来嵌套,增加代码的重用性。
2,缺点
- 搜索引擎不会解读这种页面,不利于 SEO
- 滥用 iframe 会增加页面的性能开销
二,为什么的 iframe 会影响页面性能?
1,iframe 阻塞页面加载,影响网页加载速度
window 的 onload 事件需要在所有 iframe 加载完毕后才会触发,因此,滥用 iframe 就会影响主页面加载速度。
2,唯一的连接池
浏览器只能开少量的连接到 web 服务器,所以 iframe 几乎不可能有自己独立的连接池。在大多数浏览器中,连接被主页面和它的 iframe所共享,这意味着有可能 iframe 中的资源占用了可用连接而阻塞了主页面的资源加载。
三,iframe 的使用场景
- 常用 iframe 来加载第三方广告等
- 可以用 iframe 解决跨域请求问题