Performance 保存iframe以更快地加载

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

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

---

对不起，如果英语不是很好，我认为你应该考虑这个选项：为每个iFrAMP放置图像，当人们点击图像时，只需加载特定的iFrAME。因此，您不需要在加载网站的同时加载所有iFrame。 HTML:

Jquery：

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

$（“img#iframewebpage”）。单击（函数（）{
$（此）。替换为（“”）；
$（“iframe”）.attr({
高度：“500”，
allowfullscreen：“真”，
框架边框：“0”
});
});

因此，页面启动时只需加载图像，而不需要加载iframe

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