L'API di Google Maps causa un calo della velocità della pagina

Ho lavorato per ottimizzare il mio punteggio Page Speed e ho riscontrato che il caricamento di una mappa di Google sembra dare una penalità pari a 5 punti. Si lamenta di un certo numero di cose, ma quello che causa un punto giallo è la mancanza di un validatore di cache nella maggior parte delle risorse caricate.L'API di Google Maps causa un calo della velocità della pagina

Per escludere qualsiasi cosa avessi potuto fare, ho eseguito Page Speed contro la mappa più semplice possibile - Hello World dalla documentazione di Google Maps. Abbastanza sicuro, ottiene lo stesso avvertimento che ottengo sul mio sito. Esegui la velocità della pagina contro questo per vedere gli avvertimenti.

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

Può questi avvertimenti essere fissato? Oppure, in generale, è possibile che qualsiasi pagina con una mappa di Google ottenga un punteggio superiore a 95 Page Speed?

fonte

2012-05-03 LAW

Piuttosto ironico che il codice di Google stesso fallisce con il loro tester Page Speed! (Ho ottenuto 85 su quell'esempio, però, non 95.) Non penso che ci sia qualcosa che puoi fare con risorse su cui non hai controllo. –

I miei punteggi migliori con questa semplice mappa sono 81/95 (Mobile/Desktop).

Nell'esempio seguente viene fornito 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>

sono stato in grado di ottenere +1 punto al punteggio del desktop caricando Google Maps lib attraverso un proxy.

fonte

2014-11-25 09:58:46

L'API di Google Maps causa un calo della velocità della pagina

risposta

Problemi correlati