Здравствуйте. Есть такой вод кусок кода в странице, но в результате страница ощутимо дольше грузится, видимо, пока не прогрузяться все скрипты. Код как видим одиноковый в часьи JS и HTML. разница лишь в адресе, который грузиться в iframe и в классах, благодаря которым запускается соответственно нужный кусок кода. Как оптимизировать этот участок кода, чтобы его сократить и в конечном итоге уменьшить время загрузки страницы?
<script type="text/javascript">
$(document).ready(function(){
$('.launch-modal-toyota').click(function(){
$('#myModalOption-toyota').modal({
backdrop: 'static',
keyboard: true,
remote: true,
width:750,
height:654
});
});
});
$(document).ready(function(){
$('.launch-modal-nissan').click(function(){
$('#myModalOption-nissan').modal({
backdrop: 'static',
keyboard: true,
width:750,
height:654
});
});
});
$(document).ready(function(){
$('.launch-modal-honda').click(function(){
$('#myModalOption-honda').modal({
backdrop: 'static',
keyboard: true,
width:750,
height:654
});
});
});
</script>
<!-- HTML код модального окна Toyota-->
<div id="myModalOption-toyota" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="row h4 aligncenter">Параметры автомобиля</div>
</div>
<div class="modal-body">
<iframe class="nobord" src="/catalog/toyota.html">
Ваш браузер не поддерживает плавающие фреймы!
</iframe>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn1" data-dismiss="modal">Закрыть окно</button>
</div>
</div>
</div>
</div>
<!-- HTML код модального окна Toyota-->
<div id="myModalOption-nissan" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="row h4 aligncenter">Параметры автомобиля</div>
</div>
<div class="modal-body">
<iframe class="nobord" src="/catalog/nissan.html">
Ваш браузер не поддерживает плавающие фреймы!
</iframe>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn1" data-dismiss="modal">Закрыть окно</button>
</div>
</div>
</div>
</div>
<!-- HTML код модального окна Toyota-->
<div id="myModalOption-honda" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="row h4 aligncenter">Параметры автомобиля</div>
</div>
<div class="modal-body">
<iframe class="nobord" src="/catalog/honda.html">
Ваш браузер не поддерживает плавающие фреймы!
</iframe>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn1" data-dismiss="modal">Закрыть окно</button>
</div>
</div>
</div>
</div>