加快WEB页面上的图片显示速度？大家有啥心得没？该怎么解决
日期：2014-05-18 浏览次数：20396 次
加快WEB页面上的图片显示速度？大家有啥心得没？
现在我们网站就是有很多图片，让用户可以看小图，然后点小图看大图。但是一个页面如果显示了很多图片、或显示大图比较大时就比较慢。不知道大家有啥好方法可以对图片加快显示方面有啥建议或心得没？望赐教！谢谢！
另：我看网上有人说用JS的cache先预读图片。把JS放到 <head> </head> 中，这样有效果吗？都是要下下来的，先预读就要快些吗？还有其他方法没？
JS代码：
<script>
Img1 = new image(100,50)
Img1.src = "20070809122012245111.jpg ";
</scropt>
------解决方案--------------------
因为 html 是按【流】方式来显示的：从上到下
所以，大图尽量割小图，假如图片潜入 table ，此table 尽量不要嵌套过深，
当然现在流程是 div+css 布局
------解决方案--------------------
个人看法：
1.网速快是王道，
2.尽量用gif等等，
3.用一些ajax技术 让用户不觉得慢
------解决方案--------------------
同意楼上的几位
再补充一点：上传大图的时候，生成一个缩略图，用来在首页显示，点击显示大图
------解决方案--------------------
预加载
现在我们网站就是有很多图片，让用户可以看小图，然后点小图看大图。但是一个页面如果显示了很多图片、或显示大图比较大时就比较慢。不知道大家有啥好方法可以对图片加快显示方面有啥建议或心得没？望赐教！谢谢！
另：我看网上有人说用JS的cache先预读图片。把JS放到 <head> </head> 中，这样有效果吗？都是要下下来的，先预读就要快些吗？还有其他方法没？
JS代码：
<script>
Img1 = new image(100,50)
Img1.src = "20070809122012245111.jpg ";
</scropt>
------解决方案--------------------
因为 html 是按【流】方式来显示的：从上到下
所以，大图尽量割小图，假如图片潜入 table ，此table 尽量不要嵌套过深，
当然现在流程是 div+css 布局
------解决方案--------------------
个人看法：
1.网速快是王道，
2.尽量用gif等等，
3.用一些ajax技术 让用户不觉得慢
------解决方案--------------------
同意楼上的几位
再补充一点：上传大图的时候，生成一个缩略图，用来在首页显示，点击显示大图
------解决方案--------------------
预加载
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
