現在のページを見ながら2番目のページをプレロードする

Question

私のウェブサイトには5ページのコンテンツがあるとします。訪問者が最初のページを見ている間、次の2ページを事前にロードすることは可能ですか？そのため、2番目または3番目のページへのリンクをクリックするとすぐに表示されます。

Answer 1

確かに、あなたはこのようないくつかのinvisbleコンテナ持つことができます。

HTML

<div id="page"> 
    <a href="page2.html" id="page2-link">Go second page</a> 
</div> 
<div id="page2"> 
</div> 

CSSを

#page2 { display:none } 

Javascriptを

その後はJavaScriptでそれがロードされた後、第2のページをプリロードし、invisbleコンテナの上に置く：

$().ready(function(){ 
    $('#page2').load('page2.html #page'); 
}); 

そして、リンクがクリックされたときにだけ、選択されたページで隠されたコンテナを示し、他を削除し、ユーザーが何かを返すことを望むときに再び読み込まないように隠すだけです。

$().ready(function(){ 
    $('#page2-link').on('click',function(){ 
     $('#page').html($('#page').html()); //this will replace html content 
    }); 
});