tab iframe 与 tab div 创建页面,为什么 tab div 会币 iframe 的要卡

2018-12-21 11:16:03 +08:00
 ytxbnahn

如题 在打开多个 tab 页面时,如果使用 tab iframe 没有感觉到卡顿,而使用 tab div 在渲染了很多 dom 之后会出现明显的卡顿。

想问下,两者的区别,和优劣

1217 次点击
所在节点    问与答
2 条回复
zgray
2018-12-21 15:42:04 +08:00
打开多 tab 的时候,是不是 tab 切换的时候,有节点变化?节点变化会导致整个 dom 树重绘,如果再有大量的布局尺寸计算可想而知。而 iframe 的话,切换后你的 iframe 内的内容变化是不影响外部的。

因此并不是说一定单页就比 iframe 快,不过单就 div 的效率比 iframe 高是肯定的。
ytxbnahn
2018-12-21 16:49:25 +08:00
@zgray 谢谢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/519675

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX