保存iframe加載更快

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的圖像。