Google Maps API会导致网页速度受到影响

Question

Google Maps API会导致网页速度受到影响

LAW*_*LAW 10 google-maps google-maps-api-3

我一直在努力优化我的Page Speed得分,我发现加载Google Map似乎会给你5分左右的惩罚.它抱怨了很多东西,但导致黄点的是大多数加载资源中缺少缓存验证器.

为了排除我可能做过的任何事情,我在最简单的地图上运行Page Speed - 来自Google Maps文档的Hello World.果然,它得到了我在我的网站上的相同警告.对此页面运行Page Speed以查看警告.

https://google-developers.appspot.com/maps/documentation/javascript/examples/map-simple

这些警告可以修复吗？或者,一般情况下,任何有Google地图的网页都可能获得高于95 Page Speed分数的分数吗？

Answer 1

Ale*_*man 1

我在这张简单地图上的最佳得分是 81/95（移动/桌面）。

以下示例给出 81/94。

<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px;
      }
    </style>
  </head>
  <body>
    <div id="map-canvas"></div>
    <script>
      var map;
      function initialize() {
        var mapOptions = { zoom: 8, center: new google.maps.LatLng(-34.397, 150.644) };
        map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
      }

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

      window.onload = loadScript;
    </script>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

通过代理加载 Google 地图库，我能够获得 +1 分桌面分数。

归档时间：	13 年，7 月前
查看次数：	1900 次
最近记录：	11 年前