Множество готовых модалов или один модальный + ajax-запрос?

Question

Я создаю веб-приложение с помощью Yii2 (php, mysql). Пользователи могут нажать на результаты других игр, чтобы узнать, какой элемент пользователь использовал для этого результата. На одной странице может отображаться от 100 до 1000 результатов. Я не знаю, какой вариант является лучшим с точки зрения скорости для страницы и сервера:

1- На загрузке страницы модальный загружается для каждого результата и отображается, когда пользователи нажимают на результат. Таким образом, на странице может быть от 100 до 1000 модальных. Это слишком тяжело, учитывая, что только некоторые из них будут использоваться? Или даже никто из них иногда.

2 - Загрузите только один модаль, который открывается, когда пользователи нажимают на какие-либо результаты и динамически настраивают его содержимое, используя запрос ajax на сервер, в зависимости от того, какие результаты были нажаты. Таким образом, меньше кода загружается на страницу, но больше запросов на сервер.

Первый вариант легче кодировать, но я думаю, что второй может быть лучше для загрузки страницы. Я далек от эксперта по размеру страницы и обработке запросов на сервер, поэтому я хотел бы получить некоторые мнения.

Answer 1

Думаю, вы сами ответили на вопрос.

Второй вариант является правильным. Должен существовать только один модальный (для каждого действия - редактирование, просмотр и т. Д.). Затем используйте ajax для загрузки данных только по запросу.

Ваши пользователи будут вам очень благодарны. Размер страницы и время загрузки будут значительно лучше.