如何加载低质量的图像,以便更快地下载网站?

Kru*_*nal 2 optimization performance image-optimization

我正在开发Asp.net MVC3 Web应用程序.我有一个appx页面.几个大小的100个图像正在加载总appx.大小1.5MB.

我将努力将这100个图像分发到多个主机名,以便以后加载更快.但是现在我需要你的帮助来优化图像的加载速度.我真的不能使用Sprite这些图像.

我特别感兴趣的是实现可以在第一次加载时加载降级图像的东西,然后随着下载越来越多的字节逐渐提高图像质量.因此,基本上它将首先加载低质量图像,然后随着更多字节的下载,图像质量将得到改善.

更新: 我已经看到几个网站的图像被优雅地加载,这意味着在开始它看起来非常蹩脚,然后随着时间的推移它们的质量会进一步提高.

他们是如何做到的呢?

Dio*_*ane 6

回到拨号日,我们使用标签的LOWSRC属性IMG指向最终图像的低色GIF版本.你仍然可以使用它.

<IMG HEIGHT="212" WIDTH="300" ALT="Phydueaux the Cat" SRC="cat.gif" LOWSRC="bwcat.gif">
Run Code Online (Sandbox Code Playgroud)

请参阅:http://www.htmlgoodies.com/tutorials/web_graphics/article.php/3479971/So-You-Want-LowSrc-Huh.htm