2012-05-03 13 views
8

का कारण बनता है मैं अपने Page Speed स्कोर को अनुकूलित करने के लिए काम कर रहा हूं, और मैंने पाया कि एक Google मानचित्र लोड करना 5 बिंदु या इतना जुर्माना देता है। यह कई चीजों के बारे में शिकायत करता है, लेकिन जो पीले बिंदु का कारण बनता है वह अधिकांश लोड किए गए संसाधनों में कैश सत्यापनकर्ता की कमी है।Google मैप्स एपीआई पेज स्पीड हिट

कुछ भी करने के लिए मैंने जो कुछ भी किया है, उसे रद्द करने के लिए, मैंने सबसे आसान संभव मानचित्र के खिलाफ पेज स्पीड चलाया - Google मानचित्र प्रलेखन से हैलो वर्ल्ड। निश्चित रूप से, यह मेरी साइट पर एक ही चेतावनी प्राप्त करता है। चेतावनियों को देखने के लिए इसके खिलाफ पृष्ठ गति चलाएं।

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

इन चेतावनियों तय किया जा सकता है? या, सामान्य रूप से, क्या यह किसी भी पृष्ठ के लिए Google मानचित्र के साथ 95 पृष्ठ स्पीड स्कोर से अधिक प्राप्त करना संभव है?

+3

बल्कि विडंबना यह है कि Google का अपना कोड उनके पेज स्पीड परीक्षक का गलत हो जाता है! (मुझे उस उदाहरण पर 85 मिल गया, हालांकि, 95 नहीं।) मुझे नहीं लगता कि आप संसाधनों के साथ कुछ भी कर सकते हैं जिन पर आपका कोई नियंत्रण नहीं है। –

उत्तर

0

इस साधारण मानचित्र के साथ मेरा सबसे अच्छा स्कोर 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 पॉइंट प्राप्त करने में सक्षम था।

संबंधित मुद्दे