Speichern iframe, um schneller zu laden

Question

Also mache ich eine Website für eine lokale Wassergesellschaft. Auf der Website viele iframe gibt es wie:

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

Weil viele von ihnen gibt es, es viel Zeit in Anspruch nimmt für die Website zu laden. Ist es irgendwie möglich, es auf dem Server zu speichern, anstatt jedes Mal auf einen anderen Server zu laden?

Sorry, wenn schlechtes Englisch

Answer 1

Ich denke, diese Option in Betracht ziehen sollten: Bild Platzierung für jeden iframe und wenn die Leute auf das Bild klicken, einfach, dass bestimmte iframe laden. Sie müssen also nicht alle Iframes gleichzeitig laden. 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" 
    }); 
}); 

So ist die Seite müssen nur Bilder statt iframe zu laden, wenn es beginnt.