«Интерсвязь» — лидер телекоммуникационного рынка Южного Урала, уже 18 лет обеспечивает сверхскоростной Интернет и надёжность связи. Сейчас оказывает услуги подключения к интернету, цифрового и кабельного телевидения для физических лиц и юридических лиц.
Задачи
Спроектировать, сверстать и запрограммировать интерактивную ТВ-программу для сайта is74.ru
Перед нами стояла задача перейти от статичного «газетного» формата ТВ-программы к интерактивной программе в виде таймлайна. В таком формате удобно смотреть «что идет сейчас» или «что посмотреть вечером». Должны были появиться фильтры по дате, по диапазону времени и по жанрам. Отдельным техническим вызовом был мгновенный поиск с группировкой по дате-времени.
Что мы сделали
- Проектирование таймлайна
- Дизайн элементов управления
- Верстка и программирование
Ускорение загрузки от 30,0 до 1,5 секунд
Бизнес-логика написана на PHP+JavaScript. Первая версия таймлайна загружалась очень долго — около 30 секунд. Это время, необходимое браузеру для обработки и вывода около 8000 записей за каждый день (200 каналов по 40 телепередач).
Во второй версии интерфейса для оптимизации быстродействия была реализована пакетная загрузка данных. В таком варианте страница загружалась быстрее — за 7-10 секунд. Но все понимали, что можно и нужно сделать еще быстрее.
В итоге, после нескольких «мозговых штурмов» и экспериментов на разных объемах данных был разработан механизм кэширования на стороне сервера. Также, в ходе проекта была значительно оптимизирована вся скриптовая бизнес-логика на стороне браузера.
В опубликованном варианте интерфейса раз в сутки получаются данные по специально разработанному API и формируется серверный кэш. В результате время загрузки и отображения данных сократилось до приемлемых 1,5 секунд.
Мы справились!