CRMEB论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 411|回复: 36

[帮助文档] 超级简单实现小程序图片懒加载

[复制链接]

9

主题

66

帖子

681

积分

vip4

Rank: 4

积分
681
发表于 2019-10-15 19:13:38 | 显示全部楼层 |阅读模式
本帖最后由 qq1394880808 于 2019-11-5 22:35 编辑

刚看了下小程序官方是有懒加载API接口,所以超简单随便搞下就能实现懒加载咯
PS:小程序的懒加载API接口跟我们常规使用的懒加载不一样,他这个会提前多加载一个屏幕(也就是预先加载2个屏幕内容),个人感觉这个体验更好用户察觉不到懒加载看不到白屏内容。所以内容小于两个屏幕的全加载出来了看不出效果的,只有内容大于2个屏幕的才有效果!
很适合我们商城使用,毕竟商城90%以上都是图片内容!懒加载好处,可以提高页面载入速度,提升用户体验!如果用的cdn加速还能起到省流量的作用(毕竟不是所有用户打开都要看到底的,有的可能就点开马上返回了,或者点错了,所以没必要把图片一次性全加载出来咯)
下面试试效果:
153456464.gif

游客,如果您要查看本帖隐藏内容请回复




9

主题

66

帖子

681

积分

vip4

Rank: 4

积分
681
 楼主| 发表于 2019-10-15 19:15:42 | 显示全部楼层
别管我那个 /750.jpg ,那个是我设置的阿里云oss的图片处理样式,压缩图片用的,80%压缩率可以减少将近一半的图片体积,有空我把教程发上来很简单
回复

使用道具 举报

20

主题

85

帖子

844

积分

vip4

Rank: 4

积分
844
发表于 2019-10-15 20:55:50 | 显示全部楼层
还是你热心。感谢
回复

使用道具 举报

9

主题

66

帖子

681

积分

vip4

Rank: 4

积分
681
 楼主| 发表于 2019-10-15 21:10:56 | 显示全部楼层
257897 发表于 2019-10-15 20:55
还是你热心。感谢

大家都需要这些,电商网站图片最多的,有必要的话z最好  数据库最好换成Alisql专门针对电商场景优化过的,淘宝天猫都在使用,nginx换成tengine也是阿里开源的服务器软件,100%兼容tengine,针对电商网站优化过的 淘宝天猫就用的这个,当然前期没什么流量感觉不出来的!
回复

使用道具 举报

13

主题

65

帖子

737

积分

vip4

Rank: 4

积分
737
发表于 2019-10-19 21:30:07 | 显示全部楼层
给力给力给力给力给力
回复

使用道具 举报

3

主题

20

帖子

291

积分

vip4

Rank: 4

积分
291
发表于 2019-10-20 19:35:27 | 显示全部楼层
回复

使用道具 举报

1

主题

23

帖子

303

积分

vip4

Rank: 4

积分
303
发表于 2019-10-20 20:07:29 | 显示全部楼层
学习学习
回复

使用道具 举报

1

主题

3

帖子

133

积分

vip4

Rank: 4

积分
133
发表于 2019-10-20 22:08:53 | 显示全部楼层
学习学习
回复

使用道具 举报

发表于 2019-10-20 23:43:58 来自手机 | 显示全部楼层
学习学习
回复

使用道具 举报

4

主题

18

帖子

458

积分

vip4

Rank: 4

积分
458

最佳新人

发表于 2019-10-24 09:43:18 | 显示全部楼层
教程不错,感谢
回复

使用道具 举报

0

主题

12

帖子

232

积分

vip4

Rank: 4

积分
232
发表于 2019-10-24 23:20:05 | 显示全部楼层
谢谢分享
回复

使用道具 举报

9

主题

26

帖子

366

积分

vip4

Rank: 4

积分
366
发表于 2019-10-25 10:46:15 | 显示全部楼层
回复

使用道具 举报

4

主题

27

帖子

435

积分

vip4

Rank: 4

积分
435
发表于 2019-10-26 22:05:04 | 显示全部楼层
666
回复

使用道具 举报

0

主题

2

帖子

52

积分

vip4

Rank: 4

积分
52
发表于 2019-10-28 16:35:18 | 显示全部楼层
11111111
回复

使用道具 举报

1

主题

14

帖子

195

积分

vip4

Rank: 4

积分
195
发表于 2019-10-29 09:52:55 | 显示全部楼层
感谢您的分享
回复

使用道具 举报

0

主题

6

帖子

140

积分

注册会员

Rank: 2

积分
140
发表于 2019-10-29 17:28:54 | 显示全部楼层
谢谢~分享~
回复

使用道具 举报

2

主题

6

帖子

130

积分

vip4

Rank: 4

积分
130
发表于 2019-10-30 11:51:27 | 显示全部楼层
学习
回复

使用道具 举报

3

主题

18

帖子

336

积分

vip4

Rank: 4

积分
336
发表于 2019-11-2 16:43:46 | 显示全部楼层
比较实用
!!!
回复

使用道具 举报

7

主题

18

帖子

316

积分

vip4

Rank: 4

积分
316
发表于 2019-11-5 14:26:38 | 显示全部楼层
333
回复

使用道具 举报

0

主题

1

帖子

64

积分

vip3

Rank: 3Rank: 3

积分
64
发表于 2019-11-5 21:36:51 | 显示全部楼层
厉害
回复

使用道具 举报

0

主题

1

帖子

56

积分

vip4

Rank: 4

积分
56
发表于 7 天前 | 显示全部楼层
,毕竟商城90%以上都是图片内容!
回复

使用道具 举报

7

主题

20

帖子

419

积分

vip3

Rank: 3Rank: 3

积分
419
发表于 7 天前 | 显示全部楼层
谢谢分享
回复

使用道具 举报

0

主题

1

帖子

39

积分

新手上路

Rank: 1

积分
39
发表于 7 天前 | 显示全部楼层
RE: 超级简单实现小程序图片懒加载 [修改]
回复

使用道具 举报

0

主题

8

帖子

142

积分

vip4

Rank: 4

积分
142
发表于 6 天前 | 显示全部楼层
谢谢分享!~~
回复

使用道具 举报

1

主题

18

帖子

421

积分

vip4

Rank: 4

积分
421
发表于 6 天前 | 显示全部楼层
看看是如何实现的。谢谢主
回复

使用道具 举报

0

主题

8

帖子

78

积分

vip4

Rank: 4

积分
78
发表于 6 天前 | 显示全部楼层
svds优秀
回复

使用道具 举报

9

主题

20

帖子

271

积分

中级会员

Rank: 3Rank: 3

积分
271
发表于 6 天前 | 显示全部楼层
学习学习
回复

使用道具 举报

0

主题

5

帖子

104

积分

vip4

Rank: 4

积分
104
发表于 6 天前 | 显示全部楼层
多谢大佬分享。
回复

使用道具 举报

9

主题

25

帖子

382

积分

vip4

Rank: 4

积分
382
发表于 3 天前 | 显示全部楼层
真好真好
回复

使用道具 举报

3

主题

11

帖子

212

积分

vip4

Rank: 4

积分
212
发表于 3 天前 | 显示全部楼层
厉害了
回复

使用道具 举报

0

主题

1

帖子

68

积分

vip4

Rank: 4

积分
68
发表于 前天 17:58 | 显示全部楼层
6666
回复

使用道具 举报

0

主题

4

帖子

76

积分

注册会员

Rank: 2

积分
76
发表于 7 小时前 | 显示全部楼层
学习一下学习一下
回复

使用道具 举报

4

主题

12

帖子

211

积分

vip4

Rank: 4

积分
211
发表于 6 小时前 | 显示全部楼层
不错
回复

使用道具 举报

0

主题

1

帖子

64

积分

vip4

Rank: 4

积分
64
发表于 3 小时前 | 显示全部楼层
历害!!
回复

使用道具 举报

1

主题

12

帖子

251

积分

vip4

Rank: 4

积分
251
发表于 3 小时前 | 显示全部楼层
支持一下!!!
回复

使用道具 举报

0

主题

6

帖子

133

积分

vip4

Rank: 4

积分
133
发表于 3 小时前 | 显示全部楼层
超级简单实现小程序
回复

使用道具 举报

2

主题

15

帖子

206

积分

vip4

Rank: 4

积分
206
发表于 2 小时前 | 显示全部楼层
来看看怎么弄
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|CRMEB论坛

GMT+8, 2019-11-13 19:40 , Processed in 0.051903 second(s), 22 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表