Кнопка "показать еще" на длинной странице

[Leon2110]

Добрый день. Есть сайт: http://million-sites.ru/gold-parfum.ru/
Он очень очень длинный и состоит из одной html страницы. По сути, если упростить там код вот такой:

<div>
  <ul>
    <li>товар1</li>
    <li>товар2</li>
    <li>товар3</li>
    <li>товар4</li>
...
  </ul>
</div>

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

Если возможно, подскажите скрипт чтобы было к примеру 12 тегов li (товаров) а дальше кнопка "показать еще" и при нажатии подгружались еще 12 и т.д.
Или возможно есть другое решение проблемы?

[j0hnik]

http://api.jquery.com/load/
вот этот метод вам должен подойти.

[Leon2110]

Пока ничего не получилось, судя по примерам там в главную страницу html подгружается информация с других html страниц, а у меня все на одной. Я вот тоже пример нашел:
https://ruseller.com/lessons.php?rub=32&id=2017
Судя по демо, то что нужно, но посмотрев исходники тоже вижу, что подгрузка в основную страницу идет из других файлов.

Я конечно могу свою главную страницу, разбить на 100 отдельных и подгружать их нажатием кнопки, но ведь возможно же это и на одной сделать?

[j0hnik]

Leon2110,
если у вас уже все структура загружена в одной странице, ваш сайт так и будет тормозить.

разбивать на кучу страниц не нужно, обратите внимание на этот пример.

$( "#result" ).load( "ajax/test.html #container" );

подгружаем в блок result блок container со страницы test, а в этой странице может быть далеко не один такой блок.