我正在开发 Asp.net MVC3 网络应用程序。我有一个页面在哪个 appx 上。正在加载 100 张不同尺寸的图像,总计 appx。大小为 1.5MB。
我将努力将这 100 张图像分发到多个主机名,以使其稍后加载更快。但现在我需要你的帮助来优化图像的加载速度。而且我真的不能为这些图像使用 Sprite。
我特别感兴趣的是实现一些可以在第一次加载时加载降级图像,然后随着越来越多的字节被下载而逐渐提高图像质量的东西。所以基本上它会首先加载低质量的图像,然后随着更多字节的下载,图像质量会提高。
更新: 我见过几个网站,这些网站的图片加载得很好,这意味着一开始它看起来很粗糙,然后随着下载的深入,它们的质量会随着时间的推移而提高。
他们是怎么做到的?
最佳答案
回到拨号时代,我们使用 IMG
标签的 LOWSRC
属性指向最终图像的低色 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
关于performance - 如何首先加载低质量图像以更快地下载网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9890813/