Как настроить бесконечный скролл
для блога материалов Joomla
Как повысить глубину просмотра без навязчивых кликов? Пользователь листает вниз — новые статьи появляются сами. Разбираем настройку Infinite Scroll в модуле Reemake AJAX Content — со сравнительной таблицей двух режимов.
Сравнительная таблица
Кнопка vs бесконечный скролл
| Параметр | Кнопка «Показать ещё» | Бесконечный скролл |
|---|---|---|
| Действие пользователя | Клик по кнопке | Прокрутка вниз |
| Контроль | Полный — пользователь решает | Автоматически |
| Мобильные | Работает, но требует клика | Естественный жест |
| Нагрузка на БД | По клику | При каждом достижении маячка |
| Глубина просмотра | Средняя | Высокая |
| Кому подходит | Блоги, каталоги | Ленты новостей, медиа |
Как работает
Схема Infinite Scroll
Модуль создаёт в конце списка «маячок» — невидимый блок. Когда пользователь прокручивает до него, JS автоматически отправляет AJAX-запрос за следующей порцией. Никаких кнопок — контент грузится сам.
Без клика
Не нужно нажимать кнопку — всё происходит автоматически при прокрутке.
Ограничение глубины
Можно указать максимум подгрузок — например, 10 порций. Защита от бесконечной нагрузки.
Гибкая настройка
Интервал подгрузок, чувствительность маячка, поведение при ошибке.
Кейс · Глобус-Тур
Турагентство: глубина просмотра выросла в 2,5 раза
Задача: «Глобус-Тур» — турагентство. 200+ статей о направлениях и отелях. На странице раздела — стандартная пагинация. Пользователи уходили на 2-й странице — глубина просмотра низкая, отказы высокие.
Что сделали: установили Reemake AJAX Content. Настроили бесконечный скролл. Установили лимит — максимум 10 подгрузок. Настроили маячок с чувствительностью 300 пикселей — подгрузка начинается заранее, пользователь не замечает задержек. Настроили финальное сообщение «Все статьи показаны».
Результат: глубина просмотра выросла в 2,5 раза. Пользователи листают по 5–7 порций вместо ухода на пагинации. Отказы снизились на 22 %. Время на сайте увеличилось на 47 %.
Вопросы и ответы
От лица клиента
«У меня блог на 100 статей — не будет ли тормозить?»
Нет. Модуль грузит по 6–12 карточек за раз. На 100 статьях — 10 подгрузок за всю прокрутку. Никакой нагрузки.
«Работает ли на мобильных?»
Да, скролл обрабатывается через IntersectionObserver — универсально. Работает на iOS, Android, в любом браузере.
«Что если пользователь дошёл до конца?»
Модуль останавливает подгрузку. Можно показать сообщение «Это все статьи». Плюс — настроить лимит подгрузок, чтобы не улетать в бесконечность.
«А если скролл сломается на моём шаблоне?»
Модуль работает с Cassiopeia, Helix Ultimate, Gantry, T4 и кастомными шаблонами. Если что-то не так — исправим в рамках гарантии 2 месяца.
Пришлите ссылку на ваш блог
Посмотрим структуру раздела, предложим схему подгрузки. Покажем результат на реальных материалах. Бесплатный аудит — оценим проект без обязательств.
Пришлите ссылку →
Messenger Max