API Карт Google - Медленная загрузка javascript

Я использую API Карт Google для отображения карты на определенной странице.

Проблема в том, что файл http://maps.google.com/maps?file=api..... иногда бывает очень медленным - уменьшает производительность страницы, потому что остальная часть JavaScript сначала загружается в готовый документ, который редко встречается - поскольку браузер блокирует ожидание файла от Google.

Я попытался переместить файл JavaScript из тега <head> в свой контент. Но остальная часть JavaScript никогда не запускается, потому что браузер ждет файл из Google.

Есть ли способ обойти это, или кто-нибудь другой испытывал такую ​​же проблему? Это началось недавно, и я понятия не имею, почему.

Это мой код, если кому-то интересно:

<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAa24xicak8_ghHX58i7La7hRFh9iM79SNC94rOejOtdMRvQmJiBS6Uv5F_1BNSh9ZuSzFXyekHISgew">    </script>
<script type="text/javascript" src="/js/maps.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    // Google Maps
    initialize();

    // Other JavaScript comes here....

   });
</script>

Если я получаю доступ к

http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAa24xicak8_ghHX58i7La7hRFh9iM79SNC94rOejOtdMRvQmJiBS6Uv5F_1BNSh9ZuSzFXyekHISgew

Файл загружается мгновенно.

Ответы

Ответ 1

Это довольно старый вопрос - решение было отключить firebug (по крайней мере для меня).

Ответ 2

Использовать API Ajax Google. С некоторого времени все службы Google могут быть доступны через JavaScript API. Это модульная система, вам нужно включить только библиотеку JSAPI, а затем вы можете динамически загружать нужные вам модули - она ​​не будет блокировать ваш сайт.

<script type="text/javascript"        
        src="http://www.google.com/jsapi?key=ABCDEFG"></script>
<script type="text/javascript">
google.load("maps", "2");
google.setOnLoadCallback(function() {
    // Your logic goes here.
    // It will be run right after the maps module was loaded.
});
</script>

Подробнее см. Документация разработчика JSAPI.

Ответ 3

В оптимизации JavaScript: всегда помещайте JS в нижнюю часть вашего даже API Карт script. Я не могу думать о какой-либо хорошей причине, чтобы иметь JS в голове.