对服务器上的另一个文件使用Iframe会使当前页面加载的速度比直接加载到页面上更快吗？

Question

所以我有一个网页index.php，它使用Facebook提供的嵌入式post方法在facebook上发布了一篇文章。问题是，加载该内容需要相当长的时间。我的想法是将嵌入的facebook帖子加载到另一个页面上，比如post.php，而只是内容本身，而页面上没有其他内容。然后将其加载到我希望在使用IFrames时使用的页面，如下所示：

<iframe class="fb-content-frame" width="350" height="550" scrolling="no" seamless="seamless" frameborder="0" src="http://mywebsite.com/test/post.php" allowfullscreen></iframe>

，所以现在我的问题是：

使用这种方法是否会改善我的主页(index.php)的加载时间，然后只在页面本身加载Facebook内容？

Answer 1

如果我没有弄错，那么<iframe>就应该像CSS、JS和图像文件这样的资产一样对待。

要注意的问题是，web浏览器通常有一个限制并发下载，所以如果您的主页有10个图像，其中5个在<iframe>之上，5个在它下面，那么如果<iframe>有50个图像要加载，<iframe>可能会延迟其他图像。

但是，如果您的<iframe>只是花费了很长时间，那么我认为其余的5个图像应该没有问题。

在加载此内容的AJAX时，很可能更优雅地解决这一问题，因为您将拥有更多的粒度控制。

Answer 2

在我的经验中，它将第一次减缓加载时间，因为它必须加载iframe，然后加载其中的内容。当您想要重新加载iframe中的内容，而不是重新加载布局时，速度就会增加，在这种情况下，加载速度会更快，因为页面一次加载较少。