回答
此地圖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. jQuery的移動加載動態頁面
- 2. 滾動地圖時動態加載Google地圖圖標
- 3. Google靜態地圖用手指移動地圖
- 4. Amchart動態加載地圖與滾動
- 5. 半靜態/動態頁面
- 6. 移動頁面:動態創建的圖像零星加載
- 7. NumPy和SciPy。靜態與動態加載
- 8. 動態創建靜態頁面的動態頁面
- 9. 動態加載靜態庫?
- 10. JQuery頁面動態加載
- 11. jquery加載動態頁面
- 12. '動態'頁面加載?
- 13. Trigger.io動態加載頁面
- 14. jQuery的,動畫動態頁面加載
- 15. 動態/靜態加載組件/頁面/ HTML
- 16. JQUERY移動動態頁面
- 17. 如何爲靜態和動態頁面創建站點地圖
- 18. 谷歌靜態地圖API:移動
- 19. 動態更改頁面與2個靜態頁面之間的差異
- 20. 在Google地圖上加載標記在地圖上動態地移動/拖動/平移
- 21. 如何將靜態Google地圖轉換爲動態Google地圖onclick靜態地圖?
- 22. 將動態網頁下載爲靜態html頁面
- 23. 使用jquery load動態加載頁面
- 24. 使用動態內容加載頁面
- 25. 動態頁面加載使用codeigniter
- 26. Rails]動態生成靜態頁面
- 27. 如何製作靜態動態頁面?
- 28. wordpress動態和靜態頁面
- 29. 從主頁動態加載頁面
- 30. 動態用戶界面vs靜態用戶界面
這是比較蘋果和橙子,因爲這兩個API是非常不同的。請定義「性能」。顯而易見的答案是「一個動作,另一個不動」,這顯然不是必需的。 – 2012-03-07 15:44:09
已更新我的問題。 – Evans 2012-03-07 15:54:48