最有节省带宽插件，图片延迟加载代码和使用方法免费分享！！

nxdawei · 发表于 2013-6-24 23:08:26

本帖最后由 nxdawei 于 2013-6-24 23:10 编辑

很多站长空间或者VPS虽然是独享5M带宽的，可有时候单页图片太多了，在访问量大的情况下，会随时导致带宽到5M峰值。
这种情况下，最好的办法就是对图片做延迟加载，这样一来不仅访客打开网页快，而且对咋们的云主机带宽也起到很好的协调作用，不至于瞬间高带宽占用。

网上很多延迟加载代码都是浏览器显示到某个位置的时候才开始加载，这样体验很不爽。我对代码做了些优化，
优化后的代码是：即将浏览到的时候就开始加载，等浏览到的时候已经完全显示出来了，访客甚至感觉不到用了图片延迟加载，用户体验相当好！而且js代码还很少，只有2KB。

效果演示：http://fx.dt23.com/img/a/yanchi.htm

现在分享给DZ的朋友们，使用方法非常的简单哦！

使用方式：

1、下载本帖中的附件js代码
2、将js上传到空间
3、调用js，如<script src="img/delayload.js"></script>
4、将需要做延迟加载的图片代码的src属性改为mce_src
如
<img src="img/fj/block/4b/42f5a6.jpg" width="120" height="120"/>
改为
<img mce_src="img/fj/block/4b/42f5a6.jpg" width="120" height="120"/>
然后保存，该更新缓存的更新缓存。

接下来就开始享受延迟加载带来的好处吧。

垃圾猫 · 发表于 2013-6-24 23:16:43

怎么运用到DZX的系统中？

1314学习网 · 发表于 2013-6-24 23:19:43

前排来看看。。。

www.sohu.ir · 发表于 2013-6-25 14:13:20

恩，图片这样延迟也行

柒柒柒柒柒柒柒 · 发表于 2013-6-26 00:43:11

学习下

淘时尚网 · 发表于 2013-6-26 02:16:33

感谢分享。。。。

月白花凋 · 发表于 2013-6-26 17:36:38

看不懂的路过下

hnanzi · 发表于 2013-11-5 08:18:41

绝对超赞……这玩意可以弄小说模块去了，封面真够多的

		自动登录	找回密码
密码			立即注册

[发布] 最有节省带宽插件，图片延迟加载代码和使用方法免费分享！！

本帖子中包含更多资源