Google지도 API로 인해 페이지 속도가 높습니다.

Page Speed 점수를 최적화하기 위해 노력 중이므로 Google지도를로드하는 것이 5 포인트 정도의 벌칙을주는 것으로 나타났습니다. 그것은 많은 것들에 대해 불평하지만, 노란색 점이 나타나는 것은로드 된 자원의 대부분에 캐시 유효성 검사기가 없다는 것입니다.Google지도 API로 인해 페이지 속도가 높습니다.

Google지도 문서의 Hello World 인 가능한 가장 간단한지도와 비교하여 Page Speed를 실행했습니다. 물론 충분히, 나는 나의 사이트에 도착하는 것과 같은 경고를 얻는다. 이에 대해 Page Speed를 실행하면 경고가 표시됩니다.

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

는 이러한 경고는 해결 될 수 있습니까? 또는 일반적으로 Google지도가있는 페이지는 95 페이지 속도보다 높을 수 있습니까?

출처

2012-05-03 LAW

Google의 자체 코드가 Page Speed 시험기에서 파생되는 것은 아이 러니! (저는 95를 제외하고는 85를 얻었습니다.) 당신이 통제 할 수없는 자원으로 할 수있는 일은 없다고 생각합니다. –

이 간단한지도의 최고 점수는 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>

Google지도 lib를 프록시를 통해로드하여 데스크톱 점수에 +1 점을 얻을 수있었습니다.

출처

2014-11-25 09:58:46

Google지도 API로 인해 페이지 속도가 높습니다.

답변

관련 문제