Есть достаточно массивная карта:
<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);
}
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости