Google maps 谷歌地图API导致页面速度下降
我一直在努力优化我的分数，我发现加载谷歌地图会给我5分左右的惩罚。它抱怨了很多事情，但导致黄点的原因是在大多数加载的资源中缺少缓存验证器 为了排除我可能做过的任何事情，我对谷歌地图文档中最简单的地图——Hello World——运行了页面速度。果然，它得到的警告与我在网站上得到的警告相同。对此运行页面速度以查看警告Google maps 谷歌地图API导致页面速度下降,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我一直在努力优化我的分数，我发现加载谷歌地图会给我5分左右的惩罚。它抱怨了很多事情，但导致黄点的原因是在大多数加载的资源中缺少缓存验证器 为了排除我可能做过的任何事情，我对谷歌地图文档中最简单的地图——Hello World——运行了页面速度。果然，它得到的警告与我在网站上得到的警告相同。对此运行页面速度以查看警告 这些警告是否可以修复？或者，一般来说，谷歌地图的任何页面都有可能获得高于95页的页面速度分数吗？我对这个简单地图的最佳分数是81/95（移动/桌面） 下面的例子给出了81/94 &
这些警告是否可以修复？或者，一般来说，谷歌地图的任何页面都有可能获得高于95页的页面速度分数吗？我对这个简单地图的最佳分数是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>
简单地图
html，正文，#地图画布{
身高：100%；
边际：0px；
填充：0px；
}
var映射；
函数初始化（）{
var mapOptions={zoom:8，center:new google.maps.LatLng（-34.397150.644）}；
map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
}
函数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（脚本）；
}
window.onload=loadScript；
通过代理加载谷歌地图库，我的桌面分数提高了+1分。颇具讽刺意味的是，谷歌自己的代码与他们的页面速度测试仪不符！（在那个例子中，我得到了85分，而不是95分。）我不认为你能用你无法控制的资源做任何事情。