2012-05-03 19 views
8

Pracuję nad zoptymalizowaniem mojej oceny Page Speed, i odkryłem, że ładowanie mapy Google wydaje się powodować karę w wysokości 5 punktów. Narzeka na wiele rzeczy, ale tym, który powoduje żółtą kropkę, jest brak walidatora pamięci podręcznej w większości załadowanych zasobów.Google Maps API powoduje, że szybkość strony osiągnęła

Aby wykluczyć cokolwiek, co mogłem zrobić, uruchomiłem Page Speed ​​na najprostszej możliwej mapie - Hello World z dokumentacji Google Maps. Oczywiście, dostaje to samo ostrzeżenie, które dostaję na mojej stronie. Uruchom Prędkość strony, aby zobaczyć ostrzeżenia.

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

Czy te ostrzeżenia być ustalone? Lub, ogólnie, czy każda strona z Mapą Google może uzyskać wynik wyższy niż 95 Page Speed?

+3

Raczej ironiczne, że kod Google'a narusza tester prędkości strony! (Mam 85 na tym przykładzie, ale nie 95.) Nie sądzę, że jest coś, co możesz zrobić z zasobami, nad którymi nie masz kontroli. –

Odpowiedz

0

Moje najlepsze wyniki z tą prostą mapą to 81/95 (Mobile/Desktop).

Poniższy przykład zawiera 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> 

Udało mi się zdobyć +1 punkt na ocenę pulpitu, ładując Google Maps lib przez serwer proxy.