页面中有很多图片 加载的时候会有延迟 都是使用的<img src='xxxxx' />,该怎么办

丶wandy 发布于 2016/01/25 10:17
阅读 1K+
收藏 2

页面中图片加载很慢
代码:

<div class="picture-border">
      <a href="#"><img src="$detail.imageUrl"/></a>
 </div>
效果:

请问下有什么好的解决办法么

加载中
0
xuqingkai
xuqingkai

1,图片太大,需要优化处理

2,使用延迟加载,按需加载

3,用cdn,---可能需要花钱

0
jdk2010
jdk2010
使用懒加载,默认一张小的loading图,等img load 完,替换url,img有个参数,onerror 加载失败进行的操作,你可以看一下
0
o
ousui
找MingGe的懒加载库。
0
纪广财
纪广财

图片懒加载:lazyload.js

返回顶部
顶部