我正在开发Asp.net MVC3网络应用程序。我有一个appx页面。几个大小的100个图像正在加载总appx。大小为1.5MB。
我将努力将这100个图像分发到多个主机名，以便以后加载更快。但是现在我需要你的帮助来优化图像的加载速度。我真的不能使用Sprite来制作这些图像。
我特别感兴趣的是实现可以在第一次加载时加载降级图像的东西，然后随着越来越多的字节下载逐渐提高图像质量。所以基本上它会首先加载低质量的图像，然后随着更多的字节下载，图像质量将会提高。
更新 我已经看到几个网站的图像被优雅地加载，这意味着它在开始时看起来非常紧凑，然后随着时间的推移它们的质量会有所提高。
他们是如何做到的？
答案 0 :(得分：6)
回到拨号日期，我们使用LOWSRC标记的IMG属性指向最终图像的低色GIF版本。你仍然可以使用它。
<IMG HEIGHT="212" WIDTH="300" ALT="Phydueaux the Cat" SRC="cat.gif" LOWSRC="bwcat.gif">
请参阅：http://www.htmlgoodies.com/tutorials/web_graphics/article.php/3479971/So-You-Want-LowSrc-Huh.htm
答案 1 :(得分：1)
假设图像是JPEG，您可以使用隔行扫描，但我不确定是否会烦恼，我更倾向于确保图像得到适当优化，并使用正确数量的主机名来加载它们。
如果你想优化JPEG，jpegmini.com可能是我们目前最好的优化者。
我将图像分成几个主机名（选择正确的数字会很有趣，我听说六个对于某些人来说是最优的，但YMMV，如果你使用保持活着，它可能实际上是坏的使用这么多域名）
使用主机名，使得您想要的前六个（？）图像来自第一个，接下来的六个图像来自下一个主机等，直到您用尽所有主机名然后从第一次。 （选择六个，因为这通常是浏览器维护的并行连接数，因此根据访问者使用的浏览器，您可能需要使用四个）
目标应该是逐步渲染页面，以便在首页下方的内容之前显示顶部的内容。