Question

我正在为本地商家创建网站，并使用API v3向网页添加了Google Map。我一直致力于减少页面大小和加载时间，并且已经注意到Google地图是页面上最大和最慢的东西。我还在本地运行它，目前没有任何地方可以托管它，所以我所有的相关代码都在下面。

没有地图（HDPI屏幕模拟）：

- Server Requests: 14
- Data Transferred: 1.5mb
- Load Time: 1.19s

使用地图（用于HDPI屏幕的模拟）：

- Server Requests: 82
- Data Transferred: 2.6mb
- Load Time: 8.08s

我正在使用Google Maps API v3创建地图。

<div id="map-canvas"></div>

使用脚本：

function initialize() {
            var myLatLng = new google.maps.LatLng(-43.537061, 172.632426);
            var mapOptions = {
              center: myLatLng,
              zoom: 15
            };
            var map = new google.maps.Map(document.getElementById('map-canvas'),
                mapOptions);
            var marker = new google.maps.Marker({
              position: myLatLng,
              map: map,
              title: 'Auto City Services'
          });
          }

        function loadScript() {
            var script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp' +
              '&signed_in=true&callback=initialize';
            document.body.appendChild(script);
            }

            window.onload = loadScript;

为了提高这个过程的速度，我做错了什么或者能做得更好？我非常希望能够更快地加载时间和大小。我认为我已将其设置为异步，以便显示页面的其余部分，并且用户不会等待最多10秒才能显示该页面，但它仍然非常糟糕。

谢谢！

谷歌地图APIv3非常慢和大

0 个答案: