jquery - 加快谷歌地图的加载速度

Question

我正在尝试加快我的网页速度，而让网页速度减慢的一件事是我的谷歌地图。我目前的设置是这样的：

<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);

是否有替代方法，我确实尝试了异步加载，但我无法让它与信息框一起使用，任何帮助将不胜感激:)

Answer 1

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

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

如果您不需要 Infobox.js，请将其删除。如果您仍然需要它加载较小的打包版本（infobox_packed.js）。

最后但并非最不重要的一点是，您的网页是如何加载到像谷歌浏览器这样的拨款分析器中的。

Answer 2

如果您在文档底部包含脚本标签或使用像HeadJS这样的 javascript 加载库，您可以加快速度。

Answer 3

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