Помогите пожалуйста, если можно на примере, решить проблему.
Есть много модальных окон, 150 штук примерно, вызываются обычными ссылками.
Как загружать асинхронно только нужное в данный момент окно ? При таком количестве браузер начинает жутко тормозить ( Буду очень признателен за помощь.
Обычные Бутстратовские окна
<div class="modal fade" id="yaroslavl" role="dialog">
<div class="modal-dialog">
<div class="modal-content sign-in-model">
<div id="cont" class="contact">
<div style="padding: 15px;" class="row text-center">
<div class="col-sm-6">
<div class="address">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<h4 class="mt20 mb20">Адрес в Ярославле</h4>
<p>г. Ярославль, ул. Калинина д.11<br />
г Ярославль, ул Корабельная, д 1<br />
г. Ярославль Пр. Ленина 11/74</p>
</div>
</div>
<div class="col-sm-6">
<div class="address">
<i class="fa fa-phone" aria-hidden="true"></i>
<h4 class="mt20 mb20">Номер телефона</h4>
<p>+7 (495) 324 3434</p>
<p>+7 (495) 324 3434</p>
</div>
</div>
</div>
<div style="padding: 15px;" class="row text-center">
<div class="col-sm-6">
<div class="address address2">
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A6565043c0db51572f4ee87370689009302593d0395987dcdf690c2c459275003&width=100%25&height=235&lang=ru_RU&scroll=true"></script>
</div>
</div>
<div class="col-sm-6">
<div class="address address2 text-center">
<i style="margin-top: 12px; background-color: #86c724;" class="fa fa-gift" aria-hidden="true"></i>
<h3> Подключение <br /><span style="color: red;">2800 руб.</span><br />
от 5 подключений скидка</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Вызываются обычной ссылкой
<a data-toggle="modal" data-target="#yaroslavl" href="#">Ярославль</a>
