Формирование большого SVG с интерактивом без подвисания
На сайте реализована возможность выбрать место по SVG схеме.
И в данный момент схема грузится сразу на конкретное число "в фоне" (другим слоем), но поскольку браузер тут же закачивает данные и отрисовывает, то притормаживает, иногда даже сильно.
Возможно ли, чтобы схема не формировалась(рисовалась) сразу, но данные об этом SVG подгружались.
И когда пользователь нажмёт на "выбрать билеты по схеме зала", то браузер начнёт отрисовывать второй слой(но не покажется, пока не отрисуется, и без "фризов"), а на кнопку вывести к примеру некую анимацию "ищется" с точным значением отрисованного в процентах.
Возможны другие варианты реализации, но так чтобы:
1) Не было никаких зависаний
2) Была возможность перехода со схемы одного числа на другое также без зависаний
3) Желательна анимация (прогресс-бар) с точным значением формирования схемы в кнопке (Проценты)
Сам сайт
Бюджет предлагайте. Было бы классно, если будет реализован и лёгкий дизайн, но тут уж как получится. Главное - это как-то победить эти зависания.
Проверяю в хроме и лисе.