響應式下載

Question

我正在尋找一種基於設計類型和連接速度來提供圖像的方式。

關於新的HTML5規範綁定的新「圖片」元素已經有很多討論。據我所知，這將更像媒體查詢和純粹基於設計的大小下載源圖像。

我想我可以通過對所需下載進行速度測試並使用該數據來確定應從服務器檢索哪些圖像集來實現。

這種方法的問題（這可能不是最好的方法）是網絡速度可能會有所不同，因此單次測試的結果可能會引起誤解。

此外，要獲得當前下載速度狀態的連續更新，您需要不斷運行這些測試。您可以將測試綁定到ajax請求中，以便您無需下載比應用程序所需更多的數據，但這對於持續監視網絡強度來說不太理想。只有當用戶向服務器發送請求時纔會獲得更新。

什麼是盛大的是，如果有一個設備驅動的API可以告訴我們連接類型和信號強度，然後再從服務器發回任何東西。這是否存在？這是最好的主意嗎？我錯過了明顯的東西嗎？

Answer 1

它不存在，但它會是驚人的，如果它。

移動設備的圖像仍然非常直觀，我們仍在等待解決緩慢蜂窩網絡上小型移動設備問題的最佳解決方案，以及大屏幕視網膜顯示器在超高速網絡上。 srcsets，picture元素，SVG等都被用作止損，但它們都有其倒退和缺點。

查看本文來自Smashing，它在我們等待「正確」的問題時深入探討了問題和潛在的解決方案。

http://mobile.smashingmagazine.com/2013/05/29/the-state-of-responsive-web-design/