Я разрабатываю веб-сайт, который будет отображать список с данными из базы данных установленных компьютеров вокруг компании.
Пока я просто создаю через AJAX метки для каждого компьютера в базе данных, добавляя HTML-код в родительский div, как показано на следующем экране:
![enter image description here](https://i.stack.imgur.com/olHty.png)
При переключении на гармошке будут показаны более подробные данные о каждом компьютере (там может быть более 200 компьютеров), информация будет отображаться следующим образом:
![enter image description here](https://i.stack.imgur.com/1MWoo.png)
Мне нужны предложения о том, как загрузить подробные данные внутри аккордеона. Должен ли я загружаться через AJAX каждый раз, когда аккордеон открывается (переключается), или я должен создавать все элементы внутри аккордеона при загрузке страницы, даже если их может быть более 200 компьютеров?
Я собирался добавлять каждый раз, когда аккордеон запускает HTML со всеми элементами div и другими элементами, которые создают подробное представление с данными из AJAX, но я хотел бы знать, какой из них является наилучшим способом добиться максимальной производительности.