2012-05-03 42 views
8

Tôi đã làm việc để tối ưu hóa điểm số Page Speed của mình và tôi thấy rằng việc tải Bản đồ Google xuất hiện để phạt 5 điểm. Nó phàn nàn về một số thứ, nhưng một nguyên nhân gây ra một chấm màu vàng là thiếu một trình xác nhận bộ nhớ cache trong hầu hết các tài nguyên đã tải.API Google Maps khiến Tốc độ trang đạt được

Để loại trừ mọi thứ tôi có thể đã làm, tôi chạy Tốc độ trang dựa trên bản đồ có thể đơn giản nhất - Hello World từ tài liệu Google Maps. Chắc chắn, nó nhận được cùng cảnh báo tôi nhận được trên trang web của mình. Chạy Tốc độ trang dựa vào điều này để xem các cảnh báo.

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

Các cảnh báo này có thể được khắc phục không? Hoặc nói chung, có thể cho bất kỳ trang nào có Bản đồ của Google nhận được điểm cao hơn Điểm số trang 95 không?

+3

Thay vào đó mỉa mai rằng mã của riêng Google rơi vào trạng thái lỗi của trình kiểm tra Tốc độ trang của họ! (Tôi nhận được 85 trên ví dụ đó, mặc dù, không phải 95.) Tôi không nghĩ rằng có bất cứ điều gì bạn có thể làm với các nguồn lực mà bạn không có quyền kiểm soát. –

Trả lời

0

Điểm số tốt nhất của tôi với bản đồ đơn giản này là 81/95 (Thiết bị di động/Máy tính để bàn).

Ví dụ sau cho 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> 

Tôi có thể đạt điểm +1 trên máy tính để bàn bằng cách tải Google Maps lib qua proxy.

Các vấn đề liên quan