聊聊 iframe 的优缺点以及使用场景

一，使用 iframe 的优缺点

1，优点

实现了页面的“模块化”。比如一个网站的多个页面有统一的导航栏，这样就可以写成一个页面，用 iframe 来嵌套，增加代码的重用性。

2，缺点

搜索引擎不会解读这种页面，不利于 SEO
滥用 iframe 会增加页面的性能开销

二，为什么的 iframe 会影响页面性能？

1，iframe 阻塞页面加载，影响网页加载速度

window 的 onload 事件需要在所有 iframe 加载完毕后才会触发，因此，滥用 iframe 就会影响主页面加载速度。

2，唯一的连接池

浏览器只能开少量的连接到 web 服务器，所以 iframe 几乎不可能有自己独立的连接池。在大多数浏览器中，连接被主页面和它的 iframe所共享，这意味着有可能 iframe 中的资源占用了可用连接而阻塞了主页面的资源加载。

三，iframe 的使用场景

常用 iframe 来加载第三方广告等
可以用 iframe 解决跨域请求问题

聊聊 iframe 的优缺点以及使用场景相关推荐

浅谈iframe的优缺点及应用场景
浅谈iframe的优缺点及应用场景对iframe的优缺点及应用场景的一点小结浅谈iframe的优缺点及应用场景 iframe 创建包含另外一个文档的内联框架(即行内框架),简而言之,iframe标 ...
浅谈 iframe的优缺点以及使用场景
文章目录一.iframe是什么? 二.iframe的优缺点? 1.优点: 2.缺点: 为什么尽量少使用iframe? 原因: 三.iframe的一些应用场景? 提示:以下是本篇文章正文内容一.if ...
单例设计模式优缺点及使用场景
文章转自:http://www.tools138.com/create/article/20150929/020009847.html :http://www.cnblogs.com/damsoft/ ...
单利模式的优缺点和使用场景
文章转自:http://www.tools138.com/create/article/20150929/020009847.html 单利模式的优缺点和使用场景首先介绍一下单例模式: 单 ...
Qt框架与STL库之间的巅峰对决：差异、优缺点及适用场景
Qt框架与STL库之间的巅峰对决:差异.优缺点及适用场景引言对比的重要性 Qt框架与STL库简介博客内容概览 Qt框架基础 Qt框架的特点与组成 Qt的信号槽机制 Qt容器类简介数据结构的对比 ...
时分多路复用TDM与时分多址TDMA对比优缺点以及应用场景
本文主要介绍了TDM和TDMA技术的对比,优缺点以及应用场景 TDM与TDMA对比 1.基本概念 2.功能框图 3.工作原理 4.同步与异步时分复用 5.TDMA和TDM的区别 6.主要应用 1.基本 ...
浅谈 ext2 文件系统的特点、优缺点以及使用场景
ext2(Extended File System 2)是 Linux 中最早的一种文件系统,它是 Linux 文件系统的基础,也被广泛用于其他类 Unix 系统中.下面是 ext2 文件系统的特点. ...
ext4 文件系统的特点、优缺点以及使用场景
ext4(Fourth Extended File System)是 Linux 中最新的一种文件系统,它是 ext3 文件系统的后续版本,具有更高的性能.可靠性和扩展性.下面是 ext4 文件系统的 ...
使用iframe的优缺点，为什么少用iframe以及iframe和frame的区别。
出处:http://gongxquan.blog.163.com/blog/static/2108462532012111643039216 使用iframe的优缺点,为什么少用iframe以及ifr ...

聊聊 iframe 的优缺点以及使用场景

一，使用 iframe 的优缺点

二，为什么的 iframe 会影响页面性能？

三，iframe 的使用场景

聊聊 iframe 的优缺点以及使用场景相关推荐

最新文章

热门文章