Question

所以，我正在为当地一家自来水公司建立一个网站。在网站上有很多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>

因为它们很多，所以网站加载需要花费很多时间。是否有可能将其保存在服务器上而不是每次都在另一台服务器上加载？

抱歉，如果英文不好

Answer 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。

保存iframe以加快加载速度

1 个答案: