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のイメージをロードする必要があります。