小草根

[深蓝]图片延时加载 3.0 DZ学习研究交流 开放下载

作者:小草根   发布时间:2015-10-24 14:55   回复数:67   浏览数:2071
小草根
207167小草根管理员
热门 加亮 2015-10-24 14:55:31
207167 热门 加亮 2015-10-24 14:55:31
为图片延时加载?能产生什么作用?有没有排错机制?
1. 智能隐藏用户看不到的图片。
2. 页面打开速度加快。 因为隐藏部分用户第一屏幕看不到的图片。
3. 降低服务器CPU。提升服务器性能。减轻了服务器的同时访问的压力。
4. 加大带宽,节省流量。对于用户看不到的图片智能隐藏。对于包月流量站长的福音,图片多的网站使用效果拔群!
5. 滚动页面主动加载被隐藏的图片。
6. 良好的用户体验。仿各大门户网站新闻或者产品介绍中,图片是在下拉滚动条滚动时加载,很不错的用户体验。
7. 解决白图。原生的延时加载插件不会对幻灯片有处理,此技术原因是延时加载需要滚动条才会触发图片加载程序,但幻灯片是不会触发滚动条的,所以原生延时插件对幻灯片白图是无解。
深蓝推出此款插件可以完美的解决此问题,更能让广大站长轻松用上图片延时加载功能。
具体解决方案请看下方文字案例《利用排除class和id的功能来应对幻灯片白图情况处理案例》。

8. 纯绿色插件,开启即功能启用,关闭则无痕关闭。

《利用排除class和id的功能来应对幻灯片白图情况处理案例》
1. 【必要条件】幻灯片的显示大图 img 标签【必须】具有独特的id或者class。
2. 【设置】在插件后台 - 设置 -“忽略img标示”,隔开符(|),#后跟id,.后跟class。
示例代码:
<mg src="src" class="nolazyclass">
<mg src="src" id="nolazyid">
这两个幻灯片白图需要处理,填写代码如下:
#nolazyid|.nolazyclass
隔开符(|),#后跟id,.后跟class
3. 【更新】真HTML的网站需要重新生成HTML,纯动态不需要更新。

图片:[深蓝]图片延时加载 庆首页9元原40-1.jpg


更新日志:深蓝图片延时加载 3.0 免费升级说明
1. 加入自定义每屏显示数量功能
2. 加入自定义排除class、id功能
(此功能可以用在幻灯片,幻灯片是走马灯类型,一般不会触发滚动条,所以会显示白图。
使用此功能可以避免走马灯白图情况出现。)

[table=377,royalblue]
[tr][td]   插件下载地址
[/td][/tr]
[/table]
本部分内容设定了隐藏,需要回复后才能看到

来自建站学习研究资源开放平台【www.cgzz8.cn

心如静水
沙发心如静水终身ViP 2015-10-24 18:17
bc  kk   不错 看看
甜儿
板凳甜儿核心会员 2015-10-24 20:44
好东西哦
嫩草
地板嫩草学习ViP(审查中) 2015-10-24 20:49
[深蓝]图片延时加载 3.0 DZ建站学习研究分享
酷视设计
4楼酷视设计步入草根 2015-10-25 18:45
不错  收场了
我来自地球
5楼我来自地球终身ViP 2015-10-25 20:40
这个要看看。
yoyo123
6楼yoyo123步入草根 2015-10-25 23:25
: [深蓝]图片延时加载 3.0 DZ建站学习研究分享 开放下
︶ㄣDaRtMan
7楼︶ㄣDaRtMan步入草根 2015-10-26 18:12
这个要看看
你大大
8楼你大大禁止发言 2015-10-26 19:01
用户被禁言,该主题自动屏蔽!
不善言辞先生
9楼不善言辞先生步入草根 2015-10-26 23:06
定位法国仍然
海阔天空06121
10楼海阔天空06121步入草根 2015-10-27 23:11
感谢分享!!!
回头是岸
11楼回头是岸终身ViP 2015-10-29 07:21
[深蓝]图片延时加载 3.0 DZ建站学习研究分享
安全电影
12楼安全电影银牌草根 2015-10-29 08:37
RE: [深蓝]图片延时加载 3.0 DZ建站学习研究分享 开放下载 [修改]
a103503708
13楼a103503708步入草根 2015-10-29 14:23
图片延时加载 3.0 DZ建站学习研究分享 开放下载
活的潇洒就好
14楼活的潇洒就好步入草根 2015-10-31 14:26
看看不粗粗
游客
登录后才可以回帖,登录 或者 注册