html加载图片顺序问题

[changlr01]

每次页面底部的小图片加载慢，导致我的背景和其他导航之类的图片，无法加载，用户体验机制下降。。谁有好的解决方法呢，大站都是如何去做的呢，jq 的延迟加载感觉太累赘了，还要加入2个JS文件，，谁有好用的方法，，

[mycjzlove]

学习了，是个不错的方法。。。谢谢。。

[cs5276]

CSS SPRITES

[nightsky_0911]

图片较大的话还是切成小图的好，加载慢也可能和你的服务器有关！

[huangheguyun]

CSS SPRITES

[huangheguyun]

CSS SpritesTech. Articals 2010-01-25 12:46:37 阅读28 评论0 字号：大中小
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字能精确的定位出背景图片的位置。

优点：

当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。
CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。




实现方法：

1,首先将小图片整合到一张大的图片上
2,然后根据具体图标在大图上的位置，给背景定位。
3小图片排列方面：颜色相近的图片放在一起，可以减少输出的色数，进一步降低文件体积。
4.整合图片生成方面：PNG8的图像比GIF图像要小30%左右。



但是在整合图片的过程中也要注意：并不是所有的图片都是应该整合到这张巨图上的，比如一些广告、照片、大的栏目标题背景，这类图片不适合用作图片整合。CSS Sprites主要面向那些“更多”“登陆”“注册”之类的小图标，网站规模一般是比较大的。

[Liwenjie123456]

#4解释得挺好的 啊
！！

[changlr01]

问题是，文章用户评论的图片，如果未找到，会影响页面加载

[wlddh2010]

我们经常看到浏览器在加载某个页面时,部分内容先显示出来,又有些内容后显示。那么浏览器加载显示html究竟是按什么顺序进行的呢?

其实浏览器加载显示html的顺序是按下面的顺序进行的：
1、IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。
2、在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。
3、如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。
4、并且在下载后进行解析，解析过程中，停止页面所有往下元素的下载。
5、样式表在下载完成后，将和以前下载的所有样式表一起进行解析，解析完成后，将对此前所有元素（含以前已经渲染的）重新进行渲染。
6、JS、CSS中如有重定义，后定义函数将覆盖前定义函数。

如果你的网页比较大，希望部分内容先显示出来，粘住浏览者，那么你可以按照上面的规则合理的布局你的网页，达到预期的目的。

本文来自CSS在线：http://www.csscss.org/xhtml/201025612.shtml