Google Maps API causa que la velocidad de la página alcance

He estado trabajando para optimizar mi puntuación Page Speed, y he encontrado que cargar un Google Map parece dar una penalización de aproximadamente 5 puntos. Se queja de varias cosas, pero la que causa un punto amarillo es la falta de un validador de caché en la mayoría de los recursos cargados.Google Maps API causa que la velocidad de la página alcance

Para descartar cualquier cosa que podría haber hecho, ejecuté Page Speed contra el mapa más simple posible: el Hello World de la documentación de Google Maps. Efectivamente, recibe la misma advertencia que recibo en mi sitio. Ejecute la página de velocidad contra esto para ver las advertencias.

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

Puede ser fijo estas advertencias? O, en general, ¿es posible que una página con un mapa de Google obtenga una puntuación superior a 95 páginas de velocidad?

Fuente

2012-05-03 LAW

¡Es bastante irónico que el código de Google falle en su probador de velocidad de página! (Obtuve 85 en ese ejemplo, no 95). No creo que haya nada que puedas hacer con recursos sobre los que no tienes control. –

Mis mejores puntuaciones con este sencillo mapa son 81/95 (Móvil/Escritorio).

El siguiente ejemplo muestra 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>

Pude ganar +1 punto en la puntuación de escritorio cargando Google Maps lib a través de un proxy.

Fuente

2014-11-25 09:58:46

Google Maps API causa que la velocidad de la página alcance

Respuesta

Cuestiones relacionadas