Предварительная загрузка второй страницы при просмотре текущей страницы

Question

Предположим, у моего сайта 5 страниц содержимого. Можно ли предварительно загрузить следующие две страницы, пока посетитель просматривает первую страницу. Поэтому, когда они нажимают ссылку на вторую или третью страницу, она появляется сразу.

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 предварительной загрузки второй страницы после того, как он был загружен и поместить его на Invisble контейнере:

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

И когда нажата ссылка просто показать скрытый контейнер с выбранной страницы и удалить другой, или просто скрыть его, чтобы не загружать снова, когда пользователь хочет вернуться или что-то в этом роде.

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