Речь о медиа:
1. грузим вначале все в видимую область и 2-3 высоты видимой области вниз и ВСЕ!
После - отображаем страницу.
2. грузим оставшиеся объекты страницы в память не отображая их до того момента, пока они не войдут в зону рендеринга (2-3 высоты от видимой области).
Сильно снижается нагрузка и на клиента и на сервер.
А называется все это: оптимизация веб-приложения. (т.к. тут уже работа с объектами DOM'a)
Это лишняя трата времени, если у Вас такие вопросы.
Берите тот же LARAVEL (или Yii2), учите и делайте на нём то, что нужно именно для Ваших задач.
Сейчас CMS слишком узко "заточены". Так что не советую "кроить городилово" (С).
Верхний слой: по клику - меняем ширину. Треугольник - выравнивание по правому краю.
Кликаем по надписи и через JS сайзим слой с треугольником...
Ничего сложного нет...
Зависит от задачи.
Можно хранить: старт+смещение1+смещение2+...+смещениеX
Можно хранить: count, среднее время и время последнего нажатия.
Можно хранить: в куках на стороне пользователя и передавать пачками.
есть еще варианты...
Опишите задачу подробнее..
Вроде, очевидно все:
1. методы типа page.navigation.transform
2. обработчик json ответа после события и размещение по нужным контейнерам.
PS: юзаю jquerymobile.com
1. Используйте last-result функцию для получения последней актуальной информации с сервера для нужного элемента.
2. Возвращайте в локальное хранилище браузера и при появлении нового события обновляйте нужные элементы оттуда.