Как ускорить скорость загрузки страницы с большим числом графиков amcharts?

Привет, Тостер.

Штука такая. Есть страница. С большим количеством графиков (интервал от 10 до 60). Графики строятся через прекрасный amcharts.

Построение идёт параллельно, т.е. несколько графиков получают каждый свои данные и условия вывода этих графиков.

При открытии такой страницы любой браузер задумывается на минуты 2-3, но в итоге её показывает.

Графики выводятся примерно такие: www.amcharts.com/demos/simple-column-chart/, т.е. при загрузке оно всё так красиво прыгает, как желе.

Собственно вопрос: как сделать асинхронную загрузку и как её описать? Или есть иные способы ускорить рендр всех этих графиков?

В документации прямых ответов нет, но и мой английский пока слаб, мог плохо искать, честно говорю.
  • Вопрос задан
  • 2401 просмотр
Пригласить эксперта
Ответы на вопрос 3
Sanasol
@Sanasol Куратор тега JavaScript
нельзя просто так взять и загуглить ошибку
Ну так сделайте загрузку данных через ajax. Я так понял у вас сразу все данные генерируются на каком-нибудь php одновременно, и пока скрипт не выполнится ничего не показывает.
Ответ написан
Комментировать
AMar4enko
@AMar4enko
Открывайте инструменты разработчика и профилируйте. Ну и неплохо было бы, действительно, понять, что долго думает - бэкэнд или фронтенд.
Ответ написан
Комментировать
VovanR
@VovanR
Фронт-энд Вэб-разработчик
Если на область просмотра приходятся не все графики, то лучше всего инициировать графики по мере прокрутки страницы.
Или как пишет Александр Аксентьев загружать их по ajax или сделать очередь через setTimeout
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы