加快谷歌地图的加载速度

时间:2013-04-23 11:44:47

标签: jquery google-maps asynchronous

我正在尝试加快我的网页速度,而正在放慢速度的一件事就是我的谷歌地图。我目前的设置如下:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=key_goes_here&amp;sensor=false"></script>
<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"></script>

并在我的document.ready脚本中:

google.maps.event.addDomListener(window, 'load', initialize);

有没有替代方案,我确实尝试过异步加载,但我无法使用信息框,任何帮助都会非常感激:)

3 个答案:

答案 0 :(得分:1)

您可以异步加载地图:请参阅https://google-developers.appspot.com/maps/documentation/javascript/examples/map-simple-async

如果有静态地图,你可以使用它。一旦用户需要完整的地图,您就可以加载它。

如果您不需要Infobox.js删除它。如果您仍然需要它,请加载较小的打包版本(infobox_packed.js)。

最后但并非最不重要的是如何将网页加载到像谷歌一样的专用分析器中。

答案 1 :(得分:0)

如果您在文档底部包含脚本标记或使用 HeadJS 等javascript加载库,则可以加快速度。

答案 2 :(得分:0)

您可以异步加载Google API,之后,您可以拥有一个自定义事件,指示地图的加载过程何时完成。您可以将照片与地图一起使用,并在事件发生时隐藏照片,您将获得没有“缓慢加载效果”的地图。