Можно динамически подключать скрипт , а по окончанию загрузки скрипта вывести нужную информацию. Таким образом загрузка скрипта не будет блокировать загрузку страницы:
<div id="weather">
<span id="weather-icon"></span>
<span id="weather-temp"></span>
</div>
<script>
(function(){
var script = document.createElement('script');
script.onload = function() {
document.getElementById('weather-icon').innerHTML = i_cloud_image27;
document.getElementById('weather-temp').innerHTML = i_t27;
};
script.src = '//domain.com/path/to/script.js';
document.body.appendChild(script);
})()
</script>
А можно сделать проще. Оставить разметку где нужно вывести погоду, а скрипт опустить в конец страницы. А в следующем скрипте вставить значения переменных в разметку (смотри script.onload в коде выше)