我正在寻找一种基于设计类型和连接速度来提供图像的方法。
有很多关于新的“图片”元素与新的HTML5规范相关联的讨论。据我所知，这将更像媒体查询和下载源图像纯粹基于设计的大小。
我认为我想要的是通过速度测试所需的下载并使用该数据来决定应该从服务器检索哪些图像集来实现。
这种方法的问题（这可能不是最好的方法）是网络速度可能会有所不同，因此一次性测试的结果可能会产生误导。
此外，要获得有关当前下载速度状态的持续更新，您需要不断运行这些测试。您可以将测试绑定到ajax请求中，这样您无需下载比应用程序所需的数据更多的数据，但这对于持续监控网络强度来说并不理想。只有当用户向服务器发送请求时才会获得更新。
如果有一个设备驱动的API可以在我们从服务器发回任何内容之前告诉我们连接类型和信号强度，那将是多么伟大的事情。那存在吗？这是最好的主意吗？我错过了一些明显的东西吗？
答案 0 :(得分：1)
它不存在，但如果确实存在则会令人惊讶。
移动设备的图像仍然非常直播，我们仍在等待解决慢速蜂窝网络上小型移动设备问题的最佳解决方案，以及大屏幕视网膜显示超快速网络。 srcsets，picture元素，SVG等都被用作止损，但它们都有其后备和缺点。
查看Smashing的这篇文章，我们在等待“正确”的问题和潜在解决方案时深入探讨。
http://mobile.smashingmagazine.com/2013/05/29/the-state-of-responsive-web-design/