На мой взгляд лучший вариант
описан тут
Асинхронная загрузка
Для асинхронной загрузки скрипта потребуется добавить атрибут async и вызов callback-функции в параметре onload т.к. ymaps.ready(init) будет недоступен.
<div id="map" style="width: 100%; height: 300px;"></div>
<script async src="//api-maps.yandex.ru/2.0/?load=package.standard&lang=ru-RU&onload=getYaMap"></script>
<script>
function getYaMap(){
var myMap = new ymaps.Map("map",{center: [30.325,59.935],zoom: 13});
ymaps.geocode("Санкт-Петербург, ул. Невский проспект, 28").then(function (res) {
var coord = res.geoObjects.get(0).geometry.getCoordinates();
var myPlacemark = new ymaps.Placemark(coord);
myMap.geoObjects.add(myPlacemark);
myMap.setCenter(coord);
});
}
</script>
Отложенная загрузка
Самый лучший вариант – отложить загрузку скрипта на 2-3 секунды с помощью setTimeout().
<div id="map" style="width: 100%; height: 300px;"></div>
<script>
setTimeout(function(){
var elem = document.createElement('script');
elem.type = 'text/javascript';
elem.src = '//api-maps.yandex.ru/2.0/?load=package.standard&lang=ru-RU&onload=getYaMap';
document.getElementsByTagName('body')[0].appendChild(elem);
}, 2000);
function getYaMap(){
var myMap = new ymaps.Map("map",{center: [30.325,59.935],zoom: 13});
ymaps.geocode("Санкт-Петербург, ул. Невский проспект, 28").then(function (res) {
var coord = res.geoObjects.get(0).geometry.getCoordinates();
var myPlacemark = new ymaps.Placemark(coord);
myMap.geoObjects.add(myPlacemark);
myMap.setCenter(coord);
});
}
</script>
