在网页背景中使用了 几张比较精致的图片,图片尺寸1920X900,图片大小282KB,一共八张图片。在网络比较慢的时候 图片经常只出现了一半,请问怎么解决
这个没办法解决。282K虽然有点大,但在现在的网络带宽来说,应该也是能承受的范围。
或者你通过脚本来控制:
1——
先设置背景图片为一个粗糙的图片,这样可以让图片文件的大小大大减小,先解决燃眉之急。
2——
在页面加载中,使用预加载方案,把目标精致的图片都逐一加载
3——
当目标图片加载后,对UI切换背景图。
@天涯一贱: 看了下这个页面,没细分析,这个背景图片有渐变效果,我想不会是通过设置background-image来实现的,而是通过div的分层机制,设定一个DIV层为背景层,再对这个DIV的内容设置一个IMG来处理。
@天涯一贱: 确实是DIV分层后在背景DIV中放置img实现的,因为可以选择。
@笨笨蜗牛: 谢谢你了 我先去测试下,看行不行,晚点在给你分
优化,异步,缓存加载。图片存在本地。
缓存加载。图片存在本地
浏览器自带就有缓存,主要就是图片在第一次 加载的时候 就显示一半,那怕图片已经存在了本地
http://themes.themegoods.com/rhea_wp/
这个网站 就是不管网络多慢 他都可以慢慢的显示出来