На мой взгляд лучший вариант описан тут
Асинхронная загрузка
Для асинхронной загрузки скрипта потребуется добавить атрибут 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>

Ответ на вопрос
https://www.youtube.com/watch?v=jRuaiXdzrXM