Fast Blocks

Витрина собирает блоки, которых никто не видит.

CS-Cart давно умеет скрывать блок на телефоне, планшете или десктопе галочками видимости в редакторе макетов. Но до сих пор это было правилом отображения: блок всё равно выполнял запросы, собирался, уезжал в браузер, и уже там его прятали стили. Телефон скачивал десктопную страницу и часть её выбрасывал.

Модуль [TH] Fast Blocks делает так, чтобы эти галочки значили именно то, что написано.

Что делает модуль

1. Блоки по устройствам. Блок, выключенный для текущего устройства, не собирается вовсе: ни запросов, ни разметки, ни записи в кеше. Настраивать заново ничего не нужно, модуль читает те же галочки.
2. Ленивые блоки. Отметьте тяжёлые блоки ниже первого экрана, и они уйдут из первого ответа целиком. Их место держит скелетон, а сам блок запрашивается, когда посетитель к нему приближается.

Замерено на демо-витрине

Ленивыми отмечены одиннадцать блоков ниже первого экрана, ещё три скрыты на телефоне. На другой демо-витрине одни только галочки видимости уменьшили ответ для телефона с 371 КБ до 275 КБ, больше ничего не меняли.

Скелетон повторяет форму блока

Одна серая плита это не заполнитель, а второй сдвиг макета, отложенный на пару секунд. Здесь скелетон повторяет форму того, что грузится: карточки для ряда товаров, полоса для логотипов брендов, широкая лента для баннера, строки для текста. Он читает и настройку количества колонок самого блока, так что ряд из шести скелетонов сменяется рядом из шести настоящих карточек. Для каждого блока можно зарезервировать высоту, чтобы страница не прыгала, а анимация сама выключается у посетителей, которые попросили меньше движения.

Чего модуль не трогает

Основное содержимое, фильтры товаров, хлебные крошки, корзина и чекаут никогда не откладываются: они несут состояние текущей страницы. Модуль исключает их сам, поэтому неверная галочка не сломает ни выдачу категории, ни шаг оформления заказа.

Что ещё полезно знать

• Устройство входит в ключ кеша блоков, поэтому первый посетитель не прогревает кеш за всех остальных. Без этого раздача разной разметки разным устройствам приносила бы больше вреда, чем пользы.
• Никаких правок шаблонов, изменений темы и компиляции. Установили, отметили нужное, готово.
• Настройки на уровне модуля и на уровне блока: за сколько экранов начинать загрузку, какие блоки ленивые, резервируемая высота и форма скелетона.
• Интерфейс администратора переведён на 30 языков.