回答
此地圖http://www.acleach.me.uk/gmaps/v3/map-customlabels.htm是243.6kb(取決於屏幕尺寸和地圖瓦片的數目)。
大致等效的靜態地圖http://maps.google.com/maps/api/staticmap?size=640x640&maptype=roadmap&sensor=false&format=png¢er=-34.397,150.644&zoom=8是80.6kb的單個圖像。
所以:有差異,200%的增加可以說是重要的。但是,版本3的目標是輕量級的,可能是250kb是可以接受的。這將取決於是否需要動態地圖的交互性:如果需要,則加載250kb可能是合理的「懲罰」。如果不需要動態地圖,那麼靜態地圖幾乎肯定會變小並且加載速度更快。
當你說它取決於屏幕尺寸時,你是否在移動大小的屏幕上進行測試?謝謝 – Evans 2012-03-08 13:47:10
我正在測試與iPad類似的屏幕。我用一個更小的屏幕再次完成了它,並獲得了更大的數字(請參考!):384kb,在靜態地圖上增加350%。但我不認爲這改變了我的答案的結論。如果您需要動態地圖,200%或350%可能會有顯着差異,但小於400kb可能是可以接受的。如果你不需要動態地圖,靜態地圖會更小並且加載速度更快。 – 2012-03-08 14:39:57
最簡單的答案是:是的,頁面加載時間會有所不同。靜態圖像就是這樣一個靜態圖像。動態是由「瓷磚」組成的。每個瓦片都有一定的數據大小。動態頁面會預加載一定數量的圖塊。例如:靜態圖像是50kb。動態圖像顯示是50 kb,但是它在每個50kb處預先加載了4個圖塊。您知道圖像的流量爲250kb,加上5個HTTP獲取請求,更不用說您也有動態地圖庫的JavaScript開銷。
更進一步,純數據大小並不是唯一的考慮因素。正如我前面所說,你有多個GET請求來獲取這些圖塊。在移動網絡(3G)上,由於到達核心網絡的跳數更多,網絡延遲通常會更高。大多數移動瀏覽器一次只允許2到4個請求。因此,在瀏覽器啓動另一個GET請求之前,您必須等待最大數量的請求降低到閾值以下。
我希望這會有所幫助。 Mike
- 1. 滾動地圖時動態加載Google地圖圖標
- 2. Google靜態地圖用手指移動地圖
- 3. Amchart動態加載地圖與滾動
- 4. 移動頁面:動態創建的圖像零星加載
- 5. Google靜態地圖API與玉的動態鏈接
- 6. 動態創建靜態頁面的動態頁面
- 7. 動態加載靜態庫?
- 8. JQuery頁面動態加載
- 9. '動態'頁面加載?
- 10. 如何爲靜態和動態頁面創建站點地圖
- 11. 谷歌靜態地圖API:移動
- 12. 動態更改頁面與2個靜態頁面之間的差異
- 13. 在Google地圖上加載標記在地圖上動態地移動/拖動/平移
- 14. 使用動態內容加載頁面
- 15. Rails]動態生成靜態頁面
- 16. 如何製作靜態動態頁面?
- 17. 動態用戶界面vs靜態用戶界面
- 18. 加載ASP.NET頁面時動態地改變標記
- 19. 頁面內容的動態加載
- 20. Go界面:靜態與動態綁定
- 21. 混合靜態/動態谷歌地圖
- 22. 靜態頁面的Django站點地圖
- 23. 動態定位Google地圖
- 24. Google Maps API +動態地圖
- 25. 向Google地圖動態添加標記
- 26. 動態頁面加載無法加載Java頁面
- 27. Google靜態地圖錯誤
- 28. Google API - 靜態地圖
- 29. 動態地控制@Formula列的惰性加載/動態加載
- 30. 在頁面加載時動態加載選擇框
這是比較蘋果和橙子,因爲這兩個API是非常不同的。請定義「性能」。顯而易見的答案是「一個動作,另一個不動」,這顯然不是必需的。 – 2012-03-07 15:44:09
已更新我的問題。 – Evans 2012-03-07 15:54:48