ENTIRE Webページをプリロードする方法

Question

JavaScriptを使用してWebページ全体をプリロードして、そのページをユーザーのブラウザにキャッシュする方法を教えてください。

私はJSでイメージをプリロードする方法を知っていますが、私がしたいことはページ全体をプリロードすることです。

ユースケース：私のウェブサイトには、他のコンテンツ（画像、CSS、JS）がたくさんあるGoogleマップのページがあり、キャッシュされていないブラウザから読み込むのに長時間（約10秒）かかります。

これは私のホームページのサブページであり、ユーザーは通常このページにアクセスします。だから私がしたいのは、読み込まれたすべてのコンテンツ（画像、JS）をページ全体にできるだけプリロードして、ユーザーのブラウザにキャッシュされるようにすることです。キャッシュされたブラウザからページをロードすると、約10秒から2秒に短縮されます。

ご協力いただきありがとうございます。

Answer 1

メインページに不可視または非常に小さい<iframe src="second_page.html">を作成します。

Answer 2

多分、間違った概念があります。派手なものから実際のコンテンツを分離することは、ローディングコストを大幅に削減するのに役立ちます。ドキュメントの読み込み時にすぐに読み込まれるものを遅延させるソリューションを選択できます。 （たとえば、PlayMapsというコンセプトデモがあります。ユーザーがクリックするまで静的なGoogleマップ画像のみを表示し、それ以降はインタラクティブバージョンのみを読み込みます）

CSSとJSファイルは圧縮する必要がありますすべてのコンテンツを静的に配信しようとします。

さらに、ウェブサイトのパフォーマンスをFirebugとYSlowと分析して、ボトルネックを得ることができます。