保存 iframe 以加快加载速度答案

【问题标题】：Save iframe to load faster保存 iframe 以加快加载速度
【发布时间】：2017-08-12 23:04:12
【问题描述】：

所以，我正在为当地的一家水务公司制作一个网站。网站上有很多 iframe 例如：

<iframe id="iframewebpage" runat="server" src="https://docs.google.com/gview?url=http://vandvaerk.smidstrup.net'.$DocumentDir_NoDot.$File.'&embedded=true" style="width:100%; height:20%; overflow:hidden; z-index:1;" frameborder="0"></iframe>

因为它们的数量很多，所以网站加载需要很长时间。是否可以以某种方式将其保存在服务器上，而不是每次都加载到另一台服务器上？

对不起，如果英语不好

【问题讨论】：

标签： performance iframe load embed

【解决方案1】：

我认为您应该考虑这个选项：为每个 iframe 放置图像，当人们点击图像时，只需加载该特定 iframe。因此，您不需要在网站加载的同时加载所有 iframe。 HTML：

<img id="iframewebpage" src="img/someimage.jpg" data-src="iframe-src" / >

jquery：

$("img#iframewebpage").click(function(){
  $(this).replaceWith("<iframe src="+$(this).data('src')+"></iframe>");
  $("iframe").attr({
      height: "500",
      allowfullscreen: "true",
      frameborder:"0"
  });
});

所以页面启动时只需要加载图片而不是iframe。

【讨论】：