Есть достаточно массивная карта:
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Adb6daf7023d35dc56770ae50d551f5dee452afcabf206dcd9223a0167506d503&width=100%25&height=500&lang=ru_RU&scroll=true"></script>
И она очень сильно замедляет загрузку страницы. Вопрос, есть ли способ отложить ее загрузку до полной загрузки DOM? Или любой другой способ прооптимизировать это дело.
Пунктов на карте несколько тысяч.
Необходимо заменить атрибут async
на defer
- данный атрибут откладывает загрузку скрипта до момента пока страница полностью не будет загружена.
<script type="text/javascript" charset="utf-8" defer src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Adb6daf7023d35dc56770ae50d551f5dee452afcabf206dcd9223a0167506d503&width=100%25&height=500&lang=ru_RU&scroll=true"></script>
Так-же можно использовать искусственную задержку где speed=0
определяет задержку загрузки:
<script type="text/javascript" charset="utf-8" defer src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Adb6daf7023d35dc56770ae50d551f5dee452afcabf206dcd9223a0167506d503&width=100%25&height=500&lang=ru_RU&scroll=true?speed=0"></script>
Как вариант, можно что то такое
window.onload = function(){
setTimeout( function(){ сюда пишешь вызов своей карты }, 2000);
}
Частный дом престарелых в Киеве: комфорт, забота и профессиональный уход
Как на всех мобильниках отключить свойство autoplay, пробовал черезtrigger отключать при проверке на разрешение <768px, но всё равно не хочет работать...
При нажатии на форму всплывает ошибка: